为什么 gulp-inject 没有将我的 javascript 文件添加到 html

Question

我有代码可以通过 gulp-inject 注入我的网页，并且我已经设置了我的静态文件夹以像这样提供服务

app.use(express.static(__dirname + '/../public/'));

然后在gulpfile.js我施展魔法，但我的咒语被打破了...

var inject = require('gulp-inject');
var jsFiles = ['*.js', 'backend/**/*.js'];
gulp.task('inject', function () {
    var wiredep = require('wiredep').stream;
    var options = {
        bowerJson: require('./bower.json')
        , directory: './public/lib'
    };
    var injectSrc = gulp.src(['css/**/*.css', 'js/**/*.js'], {
        read: false
    });
    var injectOptions = {
        ignorePath: './public'
    };
    return gulp.src('./public/index.html').pipe(inject(injectSrc, injectOptions)).pipe(gulp.dest('./public/'));

如何将静态 java 脚本和 css 注入我的 html 模板？

Answer 1

在您的 html

中排名第一

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

然后在你的 gulpfile.js 中，我发现解决这个问题的方法是从 ignorePath 中删除 ./ 并添加资源的完整路径，例如 gulp.src(./public/some/folder/**/*.css)

你应该走的很好:)

为什么 gulp-inject 没有将我的 javascript 文件添加到 html

Why gulp-inject does not add my javascript files to html

node.js

gulp

gulp-inject