此 Demo 用于演示 Web Worker,利用 URL.createObjectURL 将 Blob 对象转换为对象 URL 传入创建 Worker。动态创建 Web Worker 实践指南。
worker-loader 是一个 webpack 插件,可以将一个 js 文件的全部依赖提取后打包并替换调用处,以 Blob 形式内联在源码中,worker 文件一般命名为 xxx.worker.js
,可以在 webpack 中这样配置:
{
module: {
rules: [
{
// 匹配 *.worker.js
test: /\.worker\.js$/,
use: {
loader: 'worker-loader',
options: {
name: '[name]:[hash:8].js',
// inline: true,
// fallback: false
// publicPath: '/scripts/workers/'
}
}
}
]
}
}