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

当我使用browser-sync时，它指向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注入指向目标文件夹

1 个答案: