如何在 Requirejs 的模块构建中使用 Web Worker？

Question

我有一个使用 Requirejs 和 Backbonejs 编写的运行良好的应用程序，但它有时真的很慢……例如，当涉及到一些算术工作时！我尝试使用 Web Worker 来做这样的算术工作：

我的模块（traffic.js）：

define(["jquery", "use!underscore", "use!backbone", "namespace" ],
  function ($, _, Backbone, globals) {
    .....  
    var worker = new Worker("arithmetic.js");
    worker.addEventListener('message', function(e) {
         console.log(e.data);
    }, false);

    worker.postMessage(globals.data); // Send data to our worker.
  });

arithmetic.js：

define(["use!underscore", "use!backbone" ],
  function ($, _) { 
      //Here die Operations
 });

但我有错误 define is not defined!!

我也尝试过this，但没有成功！

如何将Web Worker 用于requirejs 或与backbonejs 一起使用？？

谢谢！

Answer 1

您可以使用 web workers 的 requireJS：请参阅 API docs 了解更多信息。

唯一的要求是在带有importScripts(…) 的web worker 开始时加载requireJS。加载后，您可以使用 define 并像往常一样使用 requireJS。

当我让它工作时，对我来说关键部分是确保你也在 web worker 中加载相同的引导配置（例如 config.js 或 main.js）你的应用程序。这就是文档所说的内容：

您可能需要设置 baseUrl 配置选项以确保 require() 可以找到要加载的脚本。

另一件事是，您可以使用 this requireJS plugin 使用模块 ID（而不是硬编码脚本路径）从您的 traffic.js 文件加载工作程序。