20、webpack优化(5)——happyPack多线程打包

happyPack多线程打包 如何实现多线程打包？ 安装happypack npm i happypack 改造webpack.config.js，实现多线程打包js let HappyPack = require('happypack');module.exports = { ... module:{ rules:[ { test:/.js$/, use:'HappyPack/loader?id=js'//这个id=js就代表这是打包js的 } ] }, plugins:[ new HappyPack({这个id:js就代表这是打包js的 id:'js',// use:[{//use是一个数组，这里写原先在rules的use里的loader配置 loader:'babel-loader', options:{ presets:[ '@babel/presets-env', '@babel/presets-react' ] } }] }) ]} 实现js和css的多线程打包 let HappyPack = require('happypack');module.exports = { ... module:{ rules:[ { test:/.js$/, use:'HappyPack/loader?id=js'//这个id=js就代表这是打包js的 }, { test:/.css$/, use:'HappyPack/loader?id=css'//这个id=css就代表这是打包css的 } ] }, plugins:[ new HappyPack({这个id:js就代表这是打包js的 id:'css',// use:['style-loader','css-loader'] }), new HappyPack({这个id:js就代表这是打包js的 id:'js',// use:[{//use是一个数组，这里写原先在rules的use里的loader配置 loader:'babel-loader', options:{ presets:[ '@babel/presets-env', '@babel/presets-react' ] } }] }) ]}