我正在使用yeoman webapp生成器生成一个模板来启动我的工作.这时,我的bower.json看起来像这样 { "name": "sample-project", "private": true, "dependencies": { "bootstrap-sass": "~3.3.5", "modernizr": "~2.8.3", "fontaw
{
"name": "sample-project",
"private": true,
"dependencies": {
"bootstrap-sass": "~3.3.5",
"modernizr": "~2.8.3",
"fontawesome": "~4.3.0",
"jquery.smooth-scroll": "~1.5.5",
"animate.css": "~3.3.0",
"jquery.appear": "*"
},
"overrides": {
"bootstrap-sass": {
"main": [
"assets/stylesheets/_bootstrap.scss",
"assets/fonts/bootstrap/*",
"assets/javascripts/bootstrap.js"
]
}
},
"devDependencies": {
"chai": "~3.0.0",
"mocha": "~2.2.5"
}
}
现在,在cmd提示符下,我在grunt watch运行时键入此内容
bower install bootstrap-datepicker -S
然后我发现“bootstrap-datepicker”:“~1.4.0”被插入依赖项部分,然后
<script src="bower_components/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
将自动wiredep到我的index.html,它变成了这个
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
.
.
<script src="bower_components/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<!-- endbower -->
<!-- endbuild -->
然后我尝试在我的webapp上安装另一个bower组件
bower install country-region-selector -S
接下来发生的事情是我发现“country-region-selector”:“~0.1.8”在bower.json的依赖项部分下像bootstrap-datepicker,但是相应的
<script src="bower_components/country-region-selector/dist/crs.min.js"></script>
不会将wiredep输入我的index.html.
所以我的问题是为什么grunt wiredep不适用于某些凉亭组件? form.validation可以发生同样的事情吗?有人能解释一下这个问题吗?
grunt-wiredep以非常具体的方式工作.依赖项应该列在bower.josn中main属性内的数组中,就像你在bootstrap中提到的那样.您面临的问题可能是那些包没有主要属性,或者它在字符串而不是数组中使用多个文件.
要解决这个问题,您可以随时为包主要属性定义覆盖,如下所示…
在你的grunt文件中:
wiredep: {
...
overrides: {
'package-name': {
'main': [
'link-to-css-file.css',
'link-to-js-file.js'
]
},
},
},
