javascript - Web Worker - 使用 Bower 打包时如何引用工作文件

Question

我正在编写一个小型 javascript 文本扩展库。该库使用 Web Worker 并与 Bower 打包在一起。当通过 bower 安装时，找不到解析器脚本(我得到一个 404)，因为浏览器是相对于消费站点的根目录而不是相对于它被消费的 bower 脚本(两个脚本都包含在同一个文件夹)。这似乎是 correct behavior .

我的问题:应该如何将 workers 与 bower 结合使用，以便可以在不对 bower_components/路径进行硬编码的情况下加载所需的脚本？

function Expander(args) {
    ...
    this.parser = 'parser.js';
    this.worker = new Worker(this.parser);
    ...
}

Answer 1

我会使用 Grunt。 Gulp 可能更容易开始，因为它可以调试，但它缺少满足您需求的关键组件。有一组库 wiredep、build-file 和 watch 可以让你做你想做的事。 Wiredep 监视 bower 目录，并会自动将 bower.json 中依赖项的 js 文件添加到 html 中，并且 watch 可以配置为监视任何目录中的任何类型的文件以进行更改。构建文件使您能够配置模板并向其传递变量，它将用于动态构建 js 文件。然后，您可以使用 grunt 的功能来获取正确的应用程序路径并将其指向您的文件。