webpack 构建优化思路

按需加载第三方库

示例:lodash
lodash-webpack-plugin

external

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

dll

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

external和dll区别

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

猜你喜欢

转载自www.cnblogs.com/mengfangui/p/12275143.html