代码压缩相关

在Webpack3中，但是我们一般使用UglifyJS来压缩代码，这是单线程运行的，为了提高效率，我们可以使用webpack-parallel-uglify-plugin来来运行UglifyJS，从而提高效率。

在Webpack4中，我们就不需要以上这些操作了，只要把模式设置为生产就可以默认开启以上功能。代码压缩也是我们必做的性能优化方案，当然我们不仅可以压缩JS代码，还可以压缩HTML 、CSS代码，以及在压缩JS代码的过程中，我们还可以通过配置实现比如删除console.log这类代码的功能。

一些小的优化点

• resolve.extensions用于说明文件后缀列表，查找默认顺序是 ['.js', '.json']，如果你的导入文件没有添加后缀就会按照这个顺序查找文件。我们应该问减少后缀列表长度，然后将出现频率高的后缀排在前面
• resolve.alias可以通过别名的方式来映射一个路径，让Webpack更快找到路径
• module.noParse如果你确定一个文件下没有其他依赖，就可以使用该属性让Webpack不扫描该文件，这种方式对于大型的类库很有帮助

延迟加载

如果我们将页面全部备份进一个 JS 文件的话，虽然将多个请求合并了，但是同样也加载了很多不需要的代码，占用了更长的时间。那么为了首页能够更快地呈现给用户，我们肯定是希望首页能加载的文件体积越小越好，这时候我们就可以使用附加加载，将每个路由页面单独备份为一个文件。