Angularjs 将bower构件添加到gulpfile
我不知道为什么,但我有一个关于Bower and Gulp的Yeoman小项目的问题 小问题: 我用这个命令安装了一个组件Angularjs 将bower构件添加到gulpfile,angularjs,twitter-bootstrap,gulp,bower,bower-install,Angularjs,Twitter Bootstrap,Gulp,Bower,Bower Install,我不知道为什么,但我有一个关于Bower and Gulp的Yeoman小项目的问题 小问题: 我用这个命令安装了一个组件 bower install angular-bootstrap-show-errors -S 那太好了 但是如果我查看我项目的gulpfile.js,它看起来像 vendor: { js: [ './bower_components/angular/angular.js', './bower_components/angular-route/angul
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/batherrors.js')
到config.js
也不行。(在bower安装后
和gulp构建后
)
如何将已安装的bower组件添加到gulp?
提前感谢您的任何想法 Bower的唯一职责是更新
Bower.json
文件。你可以把它加到你的肚子里
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
,添加
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);
}
但是在文件顶部有一条注释:
//请使用config.js选择性地覆盖它们:
您使用的生成器是什么?我在config.js中添加了config.vendor.js.push。但是我如何重新生成gulpfile.js呢?gulpfile不会重新生成,配置文件会添加、覆盖或更改gulpfile的设置。