gulp 注入指向目标文件夹

Question

我正在使用咖啡脚本生成我的 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 文件夹。我尝试了组合，但没有安装。通过正确的代码指出我。

Answer 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'));

如果亲戚没有满足您的需求，请参阅 Clarifying injected paths 了解其他选项。

gulp 注入指向目标文件夹

gulp inject pointing to destination folder

gulp

gulp-inject