Webpack 构建技巧你们尽管尝试，没提速算我输！

Posted 2021-04-29 developerWorks中国

Web 应用日益复杂，

相关开发技术也百花齐放，

这对前端构建工具提出了更高的要求。

 

Webpack 从众多构建工具中脱颖而出，

成为目前最流行的构建工具，

可以说是前端开发的必备工具之一。

 

然而，很多童鞋在使用 Webpack 的过程中，

都会遇到构建速度慢的问题，

在项目大时更是尤为突出。

这极大的影响了我们的开发体验，

降低了开发效率。

该怎么破？

今天，我们就来一起学习几个加速 Webpack 构建的技巧：

 

通过多进程并行处理

使用 HappyPack

使用 ParallelUglifyPlugin

缩小文件搜索范围

 

善用现存的文件

通过 module.noParse 忽略文件

通过 resolve.alias 映射文件

 

使用 DllPlugin

接入 Webpack

构建出动态链接库文件

使用动态链接库文件

执行构建

赶快点击“阅读原文”get 新技能，

加速 Webpack，诠释实力，

你，棒棒哒！

↓↓↓