Gulp注射不起作用

时间:2015-09-24 18:57:21

标签: javascript gulp gulp-inject

我尝试使用gulp-inject将一些文件注入PHP文件。这不起作用。我也尝试过使用HTML,但这不起作用。我的控制台中的输出显示" gulp-inject 6个文件到test.html"但是没有注入文件。文件数量是正确的,因为我在我的Gulp文件中看到的目录中有6个JavaScript文件。这是我的Guilp任务:

var inject = require('gulp-inject');

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

    return gulp.src("src/test.html")
    .pipe(inject(gulp.src("src/vendor/js/*.js")));

});

我的test.html文件如下所示:

<!DOCTYPE html>
<html>
<head>
    <title>My index</title>
    <!-- inject:css -->
    <!-- endinject -->
</head>
<body>

<!-- inject:js -->
<!-- endinject -->
</body>
</html>

同样,src / vendor / js目录包含6个文件,控制台中Gulp的输出表示已向test.html添加了6个文件,但未添加任何内容。我的目标是用PHP做到这一点,但是没有工作,所以我在这里用HTML测试,但仍然没有。

有什么想法吗?

非常感谢。

1 个答案:

答案 0 :(得分:3)

文件被注入......但只是在内存中!实际上,您必须将结果传递给文件:

gulp.task('build',function() {
    return gulp.src("src/test.html")
    .pipe(inject(gulp.src("src/vendor/js/*.js")))
    .pipe(gulp.dest('./dist')); // or .src/ or whatever
});

readme

中还有其他示例