2017-10-10 30 views

回答

0

使用以下代碼並準確設置路徑。

var inject = require('gulp-inject'); 
var $ = require('gulp-load-plugins')({ lazy: true }); 



gulp.task('inject', function() { 

     var injectStyles = gulp.src(['css/*.css'], { read: false }); 

     return gulp.src('/src/index.html') 
      .pipe($.inject(injectStyles, { relative: true })) 
      .pipe(gulp.dest('/src')); 
    }); 

特別需要輸入樣式如下HTML文件註釋標籤:

<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Document</title> 

    <!-- inject:css --> 
    <!-- endinject --> 

</head>