优化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,使用模块化方案引入模块功能

猜你喜欢

转载自www.cnblogs.com/zhensg123/p/11133229.html