0

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

这个 tut 似乎涵盖了我正在寻找的所有内容，除了它使用带有插件“grunt-bowercopy”的 gruntjs http://simonsmith.io/managing-bower-components-with-grunt/

那么有谁知道如何让 gulp 和 bower 玩得很好。下载 html 5 样板文件会很酷，然后对于我的 javascript 包括主干/jquery 以及一些 css，如 fontawesome 之类的一个命令bower update，并让它在我的标题中插入脚本标签，并拉出我需要的主要文件进入我的项目（这会杀死很多乏味的工作）。我假设 grunt 确实使用“grunt-bowercopy”插件专门处理这个问题，所以基本上我正在寻找一个插件“gulp-bowercopy”或提供这个的东西？

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

4

2 回答 2

2

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

然后，您应该考虑调查以下任一情况：

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

于 2014-02-21T19:46:25.697 回答
1

你可以像 gulp Yeoman 生成器那样直接使用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'));
});
于 2014-03-14T19:47:34.853 回答