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

时间:2016-05-09 20:28:14

标签: javascript gulp wiredep

我正在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'));
});

1 个答案:

答案 0 :(得分:0)

wiredep诞生于你的html中的电缆凉亭依赖。

无论如何,你可以设置一个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. 
}
您可以在doc

中找到

作为建议,在开发阶段,使用bower_dependencies作为你的回复&#34;没有错。在构建阶段,当您准备生产环境时,可以将useref与wiredep结合使用,然后将构建的文件移动到您想要的位置