webpack 性能优化

1 . 减少 Webpack 的打包时间的方法

• 优化 Loader 的文件搜索范围

1. 只在 src 文件夹下查找 include: [resolve('src')],
2. 还可以将 Babel 编译过的文件缓存起来，下次只需要编译更改过的代码文件loader: 'babel-loader?cacheDirectory=true'

• HappyPack 可以将 Loader 的同步执行转换为并行的

2. 减少 Webpack 打包后的文件体积

• 按需加载

• Scope Hoisting:会分析出模块之间的依赖关系，尽可能的把打包出来的模块合并到一个函数中去。

• Tree Shaking: 如果没有在项目中使用到的话，就不会被打包到文件中。