gulp 注入指向目标文件夹答案

【问题标题】：gulp inject pointing to destination foldergulp 注入指向目标文件夹
【发布时间】：2015-12-01 21:38:08
【问题描述】：

我正在使用咖啡脚本来生成我的 js，我可以将它从 src 文件夹生成到 dist 文件夹。现在尝试使用 gulp-inject 自动加载这些文件，下面是我的代码。

gulpfile.js

gulp.task('inject', function () {
  var target = gulp.src('./dist/index.html');
  // It's not necessary to read the files (will speed up things), we're only after their paths: 
  var sources = gulp.src(['./scripts/**/*.js','./partials/**/*.js', './styles/**/*.css'], {read: false},{relative: false});

  return target.pipe(plugins.inject(sources))
    .pipe(gulp.dest('./dist'));
});

结果输出进来了 dist/index.html

<!--inject:js--><script src="/dist/scripts/app.js"></script><script src="/dist/scripts/config.js"></script><script src="/dist/scripts/routes.js"></script><script src="/dist/partials/home/home.controller.js"></script><!--endinject-->

我希望它像 scripts/routes.js 和 scripts/config.js 一样

当我使用浏览器同步时，它指向作为根文件夹的 dist 文件夹。我尝试了组合但没有安装。指出我正确的代码。

【问题讨论】：

标签： gulp gulp-inject

【解决方案1】：

你把{ relative: false } 放在 gulp.src() 上。这个option 属于inject()

    var sources = gulp.src(['./scripts/**/*.js', './partials/**/*.js', './styles/**/*.css'], { read: false });

    return target.pipe(plugins.inject(sources, { relative: false }))
      .pipe(gulp.dest('./dist'));

如果 relative 不能满足您的需要，请参阅 Clarifying injected paths 了解其他选项。

【讨论】：