当前位置: 首页 > 网络应用技术

WebPack的基本用途

时间:2023-03-07 11:16:54 网络应用技术

  官方概念:它是现代JavaScript应用程序的静态模块包装器

  静态:文件资源

  模块:节点环境,介绍文件,遵循模块化技术方法

  除了合并代码外,它还可以翻译和压缩代码

  影响:

  由于现在的模块化处理方法现已在index.js中使用,因此不能直接在浏览器中使用。如果直接在index.html中引用它,则浏览器将报告一个错误以报告错误。

  命令如下

  如果没有错误,将生成一个远端文件夹,其中包含一个main.js文件,表明包装已成功操作

  我们想使用我们配置的文件来设置包装

  格式如下:

  自定义脚本

  将脚本命令添加到package.json以快速启动webpack

  脚本中不需要NPX,它将自动在node_modules/.bin中找到命令

  通过这种方式,我们得到了两个命令,开发和构建

  您可以用小黑色窗口运行:NPM运行构建,NPM运行开发即可运行