如何使用 gulp 在 karma.conf.js 文件中注入 Bower 依赖项？

Question

如何使用 gulp 在 karma.conf.js 文件中注入 bower 依赖项？我尝试了 wiredep 任务 - 但它不适用于 .js 文件，它插入带有依赖路径的标记，但我只需要引号中的路径。

Answer 1

如果您使用的 wiredep 版本不支持 .js 文件，您可以在 wiredep 配置文件中包含 fileTypes 节点。这是我的项目中的内容：

wiredep 配置：

...,
src:
[
  '<%= myApp.webRoot %>/index.html',
  './karma.conf.js'
],
...,
fileTypes: {
  js: {
    block: /(([ \t]*)\/\/\s*bower:*(\S*))(\n|\r|.)*?(\/\/\s*endbower)/gi,
    detect: {
      js: /['\']([^'\']+\.js)['\'],?/gi,
      css: /['\']([^'\']+\.js)['\'],?/gi
    },
    replace: {
      js: '"{{filePath}}",',
      css: '"{{filePath}}",'
    }
  }
},
...

kamra.conf.js

...,
files:
[
  // bower:js

  // endbower
  'your/other/**/dependencies/*.here.js'
],
...

此外，请确保 karma.conf.js 的路径正确，因为即使未找到该文件，您也不会收到任何警告或错误。

如何使用 gulp 在 karma.conf.js 文件中注入 Bower 依赖项？

How to inject bower dependencies in karma.conf.js file with gulp?

gulp

karma-runner

bower

wiredep