Question

如果我想在diff中注入Js文件。例如<head> here和here </body>。我需要为这些注射设置如此处所描述的名称： https://github.com/klei/gulp-inject#method-2-use-gulp-injects-name-option

  <!-- head:js -->
  <!-- only importantFile.js will be injected here -->
  <!-- endinject -->

如何修改此选择器，我不必为每个文件命名。例如。获取包含* _important.js

的所有文件

.pipe(inject(gulp.src('./src/importantFile.js', {read: false}), {name: 'head'}))

还有更好的方法吗？例如。喜欢添加s.th.在javascript文件或名称中，就像这个orderModule.above.js，googleAnalytics.below.js

Answer 1

gulp.task('dev', function () {
  var target = gulp.src('./index.html');
  return target
    .pipe(inject(gulp.src('_MAIN_CSS_FILES_', {read: false})))
    .pipe(inject(gulp.src('_BOWER_CSS_FILES_', {read: false}), {name: 'bower'}))
    .pipe(inject(gulp.src('_MAIN_JS_FILES_', {read: false})))
    .pipe(inject(gulp.src('_BOWER_JS_FILES_', {read: false}), {name: 'bower'}))
    .pipe(gulp.dest("./dest/"));
});

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Index</title>

    <!-- inject:css -->
    <!-- built css files will go here... -->
    <!-- endinject -->

    <!-- bower:css -->
    <!-- bower installed css files will go here... -->
    <!-- endinject -->

</head>
<body>


<!-- bower:js -->
<!-- bower installed js files will go here... -->
<!-- endinject -->

<!-- inject:js -->
<!-- built js files will go here... -->
<!-- endinject -->

</body>
</html>

Gulp-Inject位置

1 个答案: