weixin_50983325的博客

Webpack 不仅是 JavaScript 模块打包工具还是整个前端项目（前端工程）的模块打包工具可以通过 Webpack 去管理前端项目中任意类型的资源文件。

具体做法是将每个模块成员都放在一个立即执行函数所形成的私有作用域中，对于需要暴露给外部的成员，通过挂到全局对象上的方式实现。这种方式带来了私有成员的概念，私有成员只能在模块成员内通过闭包的形式访问，这就解决了前面所提到的全局作用域污染和命名冲突的问题。在 IIFE 的基础之上，我们还可以利用 IIFE 参数作为依赖声明使用，这使得每一个模块之间的依赖关系变得更加明显。更为理想的方式应该是在页面中引入一个 JS 入口文件，其余用到的模块可以通过代码控制，按需加载进来。

production 模式下，启动内置优化插件，自动优化打包结果，打包速度偏慢；development 模式下，自动优化打包速度，添加一些调试过程中的辅助插件；整个过程会按照约定将 src/index.js 作为打包入口。Webpack 4 以后的版本支持零配置的方式直接启动打包。webpack.config.js 有配置提示在文件中加入。最终打包的结果会存放到 dist/main.js 中。none 模式下，运行最原始的打包，不做任何额外处理。通过 CLI --mode 参数传入；