0

这是我在gruntfile.js中的有线任务

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:cssbower:js标签以及 inject:js 和 inject:css

编辑:在 index.html 中注入的标签是

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

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

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

PS 我已经为 bootstrap 和 font awesome 之类的包添加了overrides属性到bower.json。问题是没有一个 bower 包被注入。

4

0 回答 0