如何用gulp注入脚本

时间:2016-01-24 17:07:57

标签: node.js npm gulp

我已安装 https://www.npmjs.com/package/gulp-inject-string

并创建此gulpfile.js:

// Include gulp
var gulp = require('gulp'); 

// Include Our Plugins
var inject = require('gulp-inject-string');

gulp.task('default', function(){
    gulp.src('index.html')
        .pipe(inject.before('</body>', '<script src="myscript.js"></script>\n'))
        .pipe(gulp.dest('./test'));
    console.log('myscript.js injected');
});

执行gulp时,console.log正确执行但是index.html在/ body标记之前没有注入任何脚本。

我应该修理什么?

更新:我测试了另一个文件夹,写了index.html但没有注入脚本。

1 个答案:

答案 0 :(得分:2)

虽然你已经注射了,但你还没有把它写到输出文件中。

您可以尝试这样的事情

gulp.task('default', function(){
    gulp.src('index.html')
        .pipe(inject.before('</body>', '<script src="myscript.js"></script>\n'))
.pipe(rename('<Name of the file>'))
.pipe(gulp.dest('<output folder>'));
    console.log('myscript.js injected');
});