Webpack打包策略的相关内容

文章 2023-09-25 来自：开发者社区

vue2项目webpack打包的优化策略，降低打包文件后的大小

1.区分开发模式和打包模式的main.js入口文件首先，在项目的根目录下创建一个名为 vue.config.js 的文件（如果已存在，请跳过此步骤）。然后对于你的项目中的mian.js新建一个相同内容的js文件，然后将这2个mian.js文件分别命名为打包模式的入口文件：main-prod.js开发模式的入口文件：mian-dev.js然后，打开 vue.config.js 文件，并添加以下代码....

文章 2017-09-20 来自：开发者社区

webpack解惑：多入口文件打包策略

本文是我用webpack进行项目构建的实践心得，场景是这样的，项目是大型类cms型，技术选型是vue，只支持chrome，有诸多子功能模块，全部打包在一起的话会有好几MB，所以最佳方式是进行多入口打包。文章包含我探索的过程以及webpack在使用中的一些技巧，希望能给大家带来参考价值。首先，项目打包策略遵循以下几点原则：选择合适的打包粒度，生成的单文件大小不要超过500KB 充分利用浏览器.....