Question

使用gulpjs和bower，我喜欢从bower.json文件开始调用我想要的包依赖关系（理想情况下用html 5样板开始构建，然后是主干）。由于使用gulp的全部目的是为了便于项目管理，我想了解如何自动将脚本插入到我的项目中（从bower_components dir中提取）并添加到我的head标签的路径，我认为这是一个责任gulp应该是处理，在下面的链接我的印象grunt确实提供了这个功能，所以如果grunt可以gulp应该能够。

这个啧啧似乎涵盖了我正在寻找的一切，除了它使用gruntjs与插件“grunt-bowercopy”http://simonsmith.io/managing-bower-components-with-grunt/

所以有人知道如何让gulp和bower玩得很好。下载html 5样板，然后为我的javascript包括backbone / jquery以及一些css如fontawesome等一个命令bower update，并让它在我的标题中插入脚本标记，并拉我需要的主要文件进入我的项目（这会扼杀许多繁琐的工作）。我假设grunt确实使用“grunt-bowercopy”插件来处理这个问题，所以基本上我正在寻找一个插件“gulp-bowercopy”或提供此功能的东西？

我还有很多东西要学习gulp / grunt以及如何真正利用它们，但这似乎是一个很棒的工具。

Answer 1

基本上我正在寻找一个插件“gulp-bowercopy”或提供此
的东西

然后你应该考虑选择：

gulp-bower
或gulp-bower-files

因为它们可能提供与grunt-bowercopy相同的功能。

Answer 2

您可以像gulp Yeoman generator一样直接使用wiredep。这是来自gulpfile.js的代码示例。

var wiredep = require('wiredep').stream;

gulp.task('wiredep', function () {
    gulp.src('app/styles/*.scss')
        .pipe(wiredep({
            directory: 'app/bower_components',
            ignorePath: 'app/bower_components/'
        }))
        .pipe(gulp.dest('app/styles'));

    gulp.src('app/*.html')
        .pipe(wiredep({
            directory: 'app/bower_components',
            ignorePath: 'app/'
        }))
        .pipe(gulp.dest('app'));
});

让凉亭和gulpjs一起很好地工作？

2 个答案: