Vue项目Webpack优化实践,构建效率提高50%

https://juejin.im/post/5c3beaee6fb9a04a027a9641

1、缩小文件的搜索范围

1.1、优化Loader配置

(1)优化正则匹配(2)通过cacheDirectory选项开启缓存(3)通过include、exclude来减少被处理的文件。

1.2、优化resolve.modules配置

1.3、优化resolve.alias配置

1.4、优化resolve.extensions配置 

1.5、优化resolve.noParse配置

2、减少冗余代码

3、使用HappyPack多进程解析和处理文件

4、使用ParallelUglifyPlugin多进程压缩代码文件
5、使用自动刷新 

6、开启模块热替换 

7、提取公共代码 

8、按需加载代码 

9、优化SourceMap 

10、构建结果输出分析 

 

 

你可能感兴趣的:(Vue项目Webpack优化实践,构建效率提高50%)