webpack 构建优化思路

Posted 2021-03-11 web前端开发技术

按需加载第三方库

示例：lodash
lodash-webpack-plugin

external

• 入口index.html 引入第三方库，如vue
• webpack 构建配置文件添加externals配置
• 文件中正常引入第三方包，如vue

dll

在使用webpack进行打包时候，对于依赖的第三方库，比如vue，vuex等这些不会修改的依赖，我们可以让它和我们自己编写的代码分开打包，这样做的好处是每次更改我本地代码的文件的时候，webpack只需要打包我项目本身的文件代码，而不会再去编译第三方库，那么第三方库在第一次打包的时候只打包一次，以后只要我们不升级第三方包的时候，那么webpack就不会对这些库去打包，这样的可以快速的提高打包的速度。

external和dll区别

• exteranl是剔除别人的包。
• dll是创建自己的工具库。