grunt-bower-install：排除某些组件

问题描述

我注意到grunt-bower-install在我的索引中生成了JS bower组件。 <！ - bower：js - > 标记之间的html文件。

 <！ -  bower：js  - > 
< script src =bower_components / jquery / dist / jquery.js>< / script> 
< script src =bower_components / angular / angular.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / affix.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / alert.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / button.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / carousel.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / collapse.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / dropdown.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / tab.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / transition.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / scrollspy.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / modal.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / tooltip.js>< / script> 
< script src =bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / popover.js>< / script> 
< script src =bower_components / angular-resource / angular-resource.js>< / script> 
< script src =bower_components / angular-cookies / angular-cookies.js>< / script> 
< script src =bower_components / angular-sanitize / angular-sanitize.js>< / script> 
< script src =bower_components / angular-route / angular-route.js>< / script> 
   

如何排除某些引导组件？

解决方案

插件grunt-bower-install（又名grunt-wiredep）支持'exclude'参数来列出您现在想要自动注入的组件。

例如，如果您不希望包含下拉列表，只需列出具有完整路径名的组件即可：

 'bower-install'：{
 app：{
 html：'<％= yeoman.app％> /views/index.html'，
 ignorePath：'< ;％= yeoman.app％> /'，
 exclude：['bower_components / bootstrap-sass-official / vendor / assets / javascripts / bootstrap / dropdown.js'] 
} 
 }，
  

然后重新运行grunt bower-install。

如需更多选项，请参阅下划线库wiredep： https://github.com/taptapship/wiredep

I just created a new webapp using the angular-fullstack yeoman generator.

I noticed that grunt-bower-install is generating the JS bower components in my index.html files between the <!-- bower:js --> tags.

<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/affix.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/alert.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/button.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/carousel.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/collapse.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/dropdown.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/tab.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/transition.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/scrollspy.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/modal.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/tooltip.js"></script>
<script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/popover.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<!-- endbower -->

How do I exclude certain bootstrap components?

解决方案

The plugin grunt-bower-install (aka grunt-wiredep) supports an 'exclude' parameter to list the components that you do now want to be automatically injected.

For example, if you didn't want dropdown included just list that component with full pathname:

'bower-install': {
      app: {
        html: '<%= yeoman.app %>/views/index.html',
        ignorePath: '<%= yeoman.app %>/',
        exclude: ['bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/dropdown.js']
      }
    },

And then run again grunt bower-install.

For further options see the underline library wiredep: https://github.com/taptapship/wiredep

这篇关于grunt-bower-install：排除某些组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！