优化webpack打包速度方案

基本原理要么不进行打包；要么缓存文件，不进行打包；要么加快打包速度。

不进行打包方案：

1，能够用CDN处理的用CDN处理，比如项目引入的第三方依赖jquery.js，百度编辑器

先进行打包或者缓存然后引入到项目中不进行打包的

1，采用webpack插件：webpack.DllReferencePlugin ，将线上需要使用的包提前打包，引入到项目中

加快打包速度的方案

1，webpack-parallel-uglify-plugin  并行压缩

2，启用loader缓存比如babel-loader

 {
        test: /\.js$/,
        loader: ‘babel-loader?cacheDirectory=true‘,
        include: [resolve(‘src‘),resolve(‘test‘), resolve(‘node_modules/webpack-dev-server/client‘)]
 }

　　以上是目前项目中采用的，还有尝试性的方案

1，使用fast-sass-loader代替sass-laoder

2，减少webpack的寻址路径

3，使用模块化方案引入模块功能

优化webpack打包速度方案

原文：https://www.cnblogs.com/zhensg123/p/11133229.html