Gulp - wiredep没有注入 - 没有错误 - 但gulp-inject正在工作

时间:2017-03-10 17:35:08

标签: javascript gulp bower wiredep

这是我在 gruntfile.js

中的wiredep任务
gulp.task('wiredep',function(){
var wiredep = require('wiredep').stream;
var options = config.getWiredepOptions();
return gulp
    .src(config.index)
    .pipe(wiredep(options))
    .pipe($.inject(gulp.src(config.js)))
    .pipe($.inject(gulp.src(config.css)))
    .pipe(gulp.dest(config.client));
});

这是我的 gulp.config.js 文件,其中包含配置数据

module.exports = function(){
var client = './src/client/';
var clientApp = client + 'app/';
var temp = './.tmp/';
var config = {
    client:client,
    temp: temp,
    //index file location
    index: client + 'index.html',
    //wiredepJsFiles
    js:[
        clientApp + '**/*.module.js',
        clientApp + '**/*.js',
        '!' + clientApp + '**/*.spec.js'
    ],
    css:temp + '**/*.css',
    // bower config here for wiredep
    bower:{
        json:'./bower.json',
        directory:'./bower_components',
        ignorePath:'../..'
    }
};
config.getWiredepOptions = function(){
    return {
        bowerJson:config.bower.json,
        directory:config.bower.directory,
        ignorePath:config.bower.ignorePath,
    };
};
return config;
};

我在index.html中放置了 bower:css bower:js 标签以及inject:js和inject:css

编辑: index.html中注入的标记为

<!-- bower:css -->
<!-- endbower -->

<!-- bower:js -->
<!-- endbower -->

我可以成功注入gulp-inject但是wiredep无法注入。我没有从wiredep生成错误。

PS我为 bower.json 添加了覆盖属性,用于bootstrap和font awesome等软件包。问题是没有任何bower软件包被注入。< / p>

0 个答案:

没有答案