qq_36973122的博客

使用交互式可缩放树状图可视化 webpack 输出文件的大小的插件，帮助使用者更加方便的分析打包结果，便于使用者优化项目构建。

手动打包的过程开启暴露公共模块用DllPlugin创建资源清单用使用资源清单手动打包的注意事项资源清单不参与运行，可以不放到打包目录中。记得手动引入公共 JS，以及避免被删除。不要对小型的公共 JS 库使用。优点极大提升自身模块的打包速度。极大的缩小了自身文件体积。有利于浏览器缓存第三方库的公共代码。缺点使用非常繁琐。如果第三方库中都导入了相同的依赖，则第三方库打包后都会包含重复的代码，效果不太理想。

模块解析包括：抽象语法树分析、依赖分析、模块语法替换。

因为你在开发的时候，无法完全预知最终的运行性能，过早的关注性能会极大的降低开发效率。构建性能会影响开发效率。构建性能越高，开发过程中时间的浪费越少。传输性能是指，打包后的 JS 代码传输到浏览器经过的时间。运行性能是指，JS 代码在浏览器端的运行速度。它主要取决于我们如何书写高性能的代码。性能优化主要从上面三个维度入手，，而不是生产环境的构建性能。这里所说的构建性能，是指在。

webpack 的作用是将源代码编译（构建、打包）成最终代码。整个过程大致分为三个步骤。