Question

我不知道为什么，但我对Bower和Gulp的一个小小的Yeoman项目有问题。

小问题：

我使用此命令安装了一个组件。

bower install angular-bootstrap-show-errors -S

这很有效。

但是，如果我查看我的项目的gulpfile.js，它看起来像。

vendor: {
  js: [
    './bower_components/angular/angular.js',
    './bower_components/angular-route/angular-route.js',
    './bower_components/mobile-angular-ui/dist/js/mobile-angular-ui.js'
  ],

  fonts: [
    './bower_components/font-awesome/fonts/fontawesome-webfont.*'
  ]
},

但缺少已安装的组件。

我试图用谷歌搜索，但我找不到任何解决方案。

如果我尝试将config.vendor.js.push('.bower_components/angular-bootstrap-show-errors/src/showErrors.js');添加到config.js，那么它也不会起作用。（在bower install和gulp build之后）

如何将已安装的bower组件添加到gulp？

提前感谢任何想法！

Answer 1

Bower唯一的责任是更新bower.json文件。你可以将它添加到你的gulpfile

vendor: {
  js: [
    './bower_components/angular/angular.js',
    './bower_components/angular-route/angular-route.js',
    './bower_components/mobile-angular-ui/dist/js/mobile-angular-ui.js',
    './bower_components/angular-bootstrap-show-errors/src/showErrors.js'
  ],

  fonts: [
    './bower_components/font-awesome/fonts/fontawesome-webfont.*'
  ]
},

编辑：

对于angular-mobile-ui，不要改变gulp文件，而是添加

config.js：

config.vendor.js.push('.bower_components/angular-bootstrap-show-errors/src/showErrors.js');

和'ui.bootstrap.showErrors'到您应用的依赖关系：

<强> /src/js/app.js：

angular.module('MyApp', [
  'ngRoute',
  'mobile-angular-ui',
  'ui.bootstrap.showErrors',
  'MyApp.controllers.Main'
])

这是有效的，因为在gulpfile中config.js中的设置由以下内容加载：

if (require('fs').existsSync('./config.js')) {
  var configFn = require('./config');
  configFn(config);
}

将bower组件添加到gulpfile

1 个答案: