/dynamic-web-worket

动态创建 Web Worker 实践

Primary LanguageJavaScript

说明

此 Demo 用于演示 Web Worker,利用 URL.createObjectURL 将 Blob 对象转换为对象 URL 传入创建 Worker。动态创建 Web Worker 实践指南

如果使用 worket-loader

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/'
          }
        }
      }
    ]
  }
}