webpack 多线程_webpack打包原理优化
2023-06-13 09:11:13 时间
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'
]
}
}]
})
]
}
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/184403.html原文链接:https://javaforall.cn
相关文章
- python 爬虫 通过搜索引擎搜索好看的图片进行多线程高效率爬取(解决href关联问题)
- 面试官:单核 CPU 支持 Java 多线程吗?为什么?被问懵了!
- 多线程并发拓展
- linux多线程程序设计
- java多线程有几种实现方法线程之间如何同步详解编程语言
- 多线程输出123以及有序输出1-75详解编程语言
- 40个Java多线程问题总结详解编程语言
- Linux下C语言编写多线程程序简明指南(linuxc多线程)
- 利用Redis构建高效的多线程模型(redis线程模型)
- 深入理解Redis的多线程技术(怎么理解redis多线程)
- 实现多线程安全采用Redis实现分布式锁(多线程redis锁)
- 基于Redis订阅的多线程实现(redis订阅后多线程)
- Redis定时过期多线程操作的实现(redis过期 多线程)
- PHP多线程批量采集下载美女图片的实现代码(续)