Webpack项目实战优化

webpack优化大合集

在项目中经常用到的性能优化

1. 自动补全css前缀: postcss-loader 以及 autoprefixer 插件
2. 资源内联: raw-loader
3. 提取公共资源: SplitChunksPlugin(内置),html-webpack-externals-plugin
4. 代码分割及动态import: @babel/plugin-syntax-dynamic-import
5. webpack中使用eslint: eslint,eslint-loader,babel-eslint
6. 打包速度分析: speed-measure-webpack-plugin
7. 打包文件体积分析: webpack-bundle-analyzer
8. 多线程打包: thread-loader