grunt-bower-install: 排除特定组件

Question

我使用angular-fullstack yeoman生成器创建了一个新的Web应用程序。

我注意到grunt-bower-install会将JS bower组件生成在我的index.html文件中，位置在<!-- bower:js -->标签之间。

<!-- 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 -->

我如何排除某些Bootstrap组件？

- mushroom

Answer 1

插件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

- MrTorture

---

这对我有所帮助，但我只能通过使用组件名称（exclude: ['respond']）来排除整个组件。使用完整的js文件路径无法起作用。 - Lee

@Lee 看起来我遇到了相同的问题。我无法排除bootstrap.js文件：https://stackoverflow.com/questions/25466137/bower-exclude-component-does-not-work 是否只能排除整个组件？而不能排除其中的文件？ - Pascal

不起作用，我已尝试了每一个可能的文件格式。 - kiltek