Gulp使用wiredep进行bower依赖：输出不同的路径

Question

我正在使用Gulp和wiredep 。 我得到的输出不是我的文件的正确路径。 我想相应地更改该路径的输出。

当前路径：

<script src="../bower_components/angular/angular.js"></script>

通缉结果：

<script src="./vendors/angular.js"></script>

目前的gulp任务：

gulp.task('index', function() {
  var target = gulp.src(files.app_files.target);
  var sources = gulp.src(files.app_files.sources, {
    read: false
  });
  // {caseSensitive: true }

  return target
    .pipe(inject(sources, {
      ignorePath: 'app'
    }))
    .pipe(wiredep())
    .pipe(gulp.dest('dist'));
});

Answer 1

wiredep诞生于你的html中的wire bower依赖项。

无论如何，你可以像这样设置一个programmatica访问js

Programmatic Access
You can run wiredep without manipulating any files.

require('wiredep')();
...returns...

{
  js: [
    'paths/to/your/js/files.js',
    'in/their/order/of/dependency.js'
  ],
  css: [
    'paths/to/your/css/files.css'
  ],
  // etc. 
}

你可以在文档中找到

作为建议，在开发阶段，使用bower_dependencies作为“repo”并没有错。 在构建阶段，当您准备生产环境时，可以将useref与wiredep结合使用，然后将构建的文件移动到您想要的位置