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

Question

如何使用 gulp 在 karma.conf.js 文件中注入(inject) 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 的路径正确，因为即使未找到该文件，您也不会收到任何警告或错误。