webpack打包性能优化笔记

99 阅读1分钟

尽可能少的使用Loader

尽可能少的使用plugin

  • webpack打包过程中没有必要使用的插件,比如开发环境下的OptimizeCssAssetsPlugin这个插件,我们线上环境下才使用,所以开发环境下不配置。
  • 选择官网是官方推荐使用的插件,这些插件都是官网测试过的

npm,node,yarn版本新,打包速度快

使用起别名的方式,路径解析

利用DllPlugin,DllReferencePlugin

控制包文件大小

  • tree-shaking
  • splitChunksPlugin
  • webpack基于node.js打包,可用happypack多进程打包,parallerl-wenbpack多页面打包

结合stats.json分析打包结果

开发环境devServer内存编译