大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
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'
]
}
}]
})
]
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/184403.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
