官方概念:它是现代JavaScript应用程序的静态模块包装器
静态:文件资源
模块:节点环境,介绍文件,遵循模块化技术方法
除了合并代码外,它还可以翻译和压缩代码
影响:
由于现在的模块化处理方法现已在index.js中使用,因此不能直接在浏览器中使用。如果直接在index.html中引用它,则浏览器将报告一个错误以报告错误。
命令如下
如果没有错误,将生成一个远端文件夹,其中包含一个main.js文件,表明包装已成功操作
我们想使用我们配置的文件来设置包装
格式如下:
自定义脚本
将脚本命令添加到package.json以快速启动webpack
脚本中不需要NPX,它将自动在node_modules/.bin中找到命令
通过这种方式,我们得到了两个命令,开发和构建
您可以用小黑色窗口运行:NPM运行构建,NPM运行开发即可运行