-
Notifications
You must be signed in to change notification settings - Fork 14
(十七)开启多线程loader
阿峰 edited this page May 30, 2023
·
1 revision
webpack
的loader
默认在单线程执行,现代电脑一般都有多核cpu
,可以借助多核cpu
开启多线程loader
解析,可以极大地提升loader
解析的速度,thread-loader就是用来开启多进程解析loader
的,
- 安装依赖
npm i thread-loader -D
- 使用时,需将此
loader
放置在其他loader
之前。放置在此loader
之后的loader
会在一个独立的worker
池中运行。
// webpack.base.js
module.exports = {
// ...
module: {
rules: [
{
test: /.(ts|tsx)$/,
use: ['thread-loader', 'babel-loader']
}
]
}
}
由于
thread-loader
不支持抽离css插件MiniCssExtractPlugin.loader
(下面会讲),所以这里只配置了多进程解析js,开启多线程也是需要启动时间,大约600ms左右,所以适合规模比较大的项目。