happyPack多线程打包
1、安装happypack
2、实现js和css的多线程打包
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
| 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' ] } }] }) ] }
|