前言

webpack优化指的两个方便，第一个是打包过程优化，提高打包效率，缩小打包时间。第二个是上线项目的优化，通过配置优化chunk，提高线上加载速度。

优化打包流程

resolve.modules, resolve.extensions

. resovle.modules 用于限定node_module查找范围，默认情况下是从会遍历到文件系统根目录，通过配置指定的node_module 减少查找范围,配置到项目的node_module即可 . resolve.extensions 当解析模块时，模块无后缀名时查找顺序，使用正确的扩展名方便查询。如果是ts项目，将ts排列在最前面，如果是vue项目，添加vue到最前面(不过一般来说不同，vue项目要求需要将.vue在代码中补全，以获得编辑器的补全功能)

module.noParse

当引入第三方模块时，一般第三方已经编译过，没必要webpack再次编译处理。使用noParse让webpack停止对模块的继续解析。

module.rule.loader、resolveLoader

在配置loader时，loader使用的require('xxx-loader')来加载，也会遍历到根模块，使用一个绝对路径来配置。
resolveLoader 配置loader的查找目录