浅谈webpack优化
webpack优化方案 1. 优化开发体验 1-1. 加快构建速度 ① 缩小文件搜索范围 由于 Loader 对文件的转换操作很耗时，需要让尽可能少的文件被 Loader 处理，用include和exclude去缩小； resolve.modules用于配置 Webpack 去哪些目录下寻找第三方模块：[path.resolve(__dirname, 'node_modules')]（根目录下）； resolve.mainFields用于配置第三方模块使用哪个入口文件：['mian']； resolve.alias配置项通过别名来把原导入路径映射成一个新的导入路径：[path.resolve(__dirname, './node_modules/react/dist/react.min.js')]； resolve.extensions用于配置在尝试过程中用到的后缀列表：['js', 'json']； module.noParse配置项可以让 Webpack 忽略对部分没采用模块化的文件的递归解析处理：[/react\.min\.js$/]； ② HappyPack HappyPack 的核心原理就是把loader转换任务分解到多个进程去并行处理，从而减少了总的构建时间； ③ ParallelUglifyPlugin 压缩js代码需要先把代码解析成用 Object 抽象表示的