Web Worker -使用Bower打包时如何引用worker文件

Question

我正在写一个小的javascript文本扩展库。该库使用web worker，并与bower打包在一起。当通过bower安装时，找不到解析器脚本(我得到404)，因为浏览器是相对于使用站点的根进行查找的，而不是相对于使用它的bower脚本(这两个脚本都包含在同一个文件夹中)。这似乎是correct behavior。

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

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中，监视可以配置为监视任何目录中的任何类型的文件以进行更改。Build-file使您能够配置模板并向其传递将用于动态构建js文件的变量。然后，您可以使用grunt的功能来获取正确的应用程序路径，并将其指向您的文件。