2

我将注入一些 js 和 css 文件index.html,创建文件路径数组:

var paths = {
   js: [
      'a.js',
      '/b/b.js',
      '/c/d/d.js
   ],
   css: [
      'a/a.css',
      'b/b/b.css'
   ]
}

在我的index.html文件中:

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>INDEX</title>
     <!-- inject:css -->
     <!-- endinject -->
 </head>
 <body>

 <!-- inject:js -->
 <!-- endinject -->

 <h1>Hello Index</h1>

 </body>
 </html>

我的吞咽任务是:

 gulp.task('index', function () {
   var target = gulp.src('./index.html');

   var sources = gulp.src([paths.js, paths.css], {read: false});

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

如何将这些文件放入index.html

4

1 回答 1

0

使用gulp-inject

inject = require('gulp-inject')

Gulp 任务会是这样的

gulp.task('TASK_NAME', function() {
  var target = gulp.src('./RAW.html');
  return target
    .pipe(inject(gulp.src([...]), {
      read: false
    }), {
      name: 'NAME_IN_HTML'
    }));
});

并将RAW.html其插入到位:

<!-- inject:NAME_IN_HTML -->
<!-- endinject -->
于 2018-05-21T18:32:08.170 回答