Gulp注入不起作用

2022-01-12 00:00:00 javascript gulp gulp-inject

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

I'm try to use gulp-inject to inject some files into a PHP file. This is not working. I tried using HTML as well but that isn't working. The output in my console says "gulp-inject 6 files into test.html" however there's no files injected. The # of files is correct because I do have 6 JavaScript files in the directory i'm looking at in my Gulp file. Here's my Guilp task:

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 文件如下所示:

My test.html file looks like this:

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

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

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

Again, the src/vendor/js directory contains 6 files and the output from Gulp in the console is saying 6 files were added to test.html, but nothing is added. My goal was to do this with PHP but wasn't working so I was testing here with HTML and still, nothing.

有什么想法吗?

非常感谢.

推荐答案

文件被注入...但只是在内存中！您实际上必须将结果通过管道传输到文件:

The files were injected...but just in memory ! You actually have to pipe the result to a file : 

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
});

自述文件中还有其他示例

相关文章