Webpack 性能优化

1. 优化 babel-loader
2. IgorePlugin
3. noPase
4. happyPack
5. ParallelUgifyPlugin
6. 自动刷新
7. 热更新
8. DllPlugin

1.优化 babel-loader

{
        test:/\.js$/,
    use:['babel-loader?cacheDirextory'], // 开启缓存
    include:path.resolve(__dirname,'src'), // 明确范围
    // 排除范围，include 和 exclude 两者选其一即可
    // exclude:path.resolve(__dirname,'node_modules')
}

2. IgnorePlugin 避免引入无用模块

3. happyPack 多进程打包

JS 单线程，开启多进程打包
提高构建速度（特别是多核 CPU）

4. DllPlugin 动态链接库插件

前端框架，如 Vue 、 React ，体积大，构建慢
较稳定，不升级版本
同一个版本只构建一次即可，不用每次都重新构建
Webpack 已内置 DLLPlugin
DllPlhgin - 打包出 dll 文件
DllReferencePlugin - 使用 dll 文件