webpack 构建优化思路

2021-04-18 19:27

阅读:375

标签:快速   加载   区别   external   配置   按需加载   dll   tle   webpack   

按需加载第三方库

示例:lodash
lodash-webpack-plugin

external

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

dll

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

external和dll区别

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

webpack 构建优化思路

标签:快速   加载   区别   external   配置   按需加载   dll   tle   webpack   

原文地址:https://www.cnblogs.com/mengfangui/p/12275143.html


评论


亲,登录后才可以留言!