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

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 依赖而生的。

无论如何你都可以像这样设置对 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. 
}

您可以在doc 中找到

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