前端面试的话术集锦第 9 篇：高频考点（webpack性能优化）

这是记录前端面试的话术集锦第九篇博文——高频考点（webpack性能优化），我会不断更新该博文。❗❗❗

在此章节中，我不会浪费篇幅给大家讲如何写配置文件。如果你想学习这方面的内容，那么完全可以去官网学习。在这部分的内容中，我们会聚焦于以下两个知识点，并且每一个知识点都属于高频考点：

1. 有哪些方式可以减少Webpack的打包时间

2. 有哪些方式可以让Webpack打出来的包更小

1. 减少Webpack打包时间

1.1 优化 Loader

对于Loader来说，影响打包效率首先必属Babel了。因为Babel会将代码转为字符串生成AST，然后对AST继续进行转变最后再生成新的代码，项目越大，转换代码越多，效率就越低。当然了，我们是有办法优化的。

首先我们可以优化Loader的文件搜索范围：

module.exports = {
   
    
    
    module