能否使用Bower仅安装Bootstrap CSS？

Question

通过使用Yeoman开始一个新的Angular项目时，会询问是否要包含Twitter Bootstrap（我正在使用Sass版本）。这样做将包括样式和脚本。然而，我想使用UI Bootstrap代替Bootstrap的脚本（这些脚本依赖于jQuery）。

那么，是否可能只使用Bower安装Bootstrap的样式（最好是Sass）？还是我需要手动下载并包含Bootstrap样式？

- Brian

Answer 1

我知道 Bower 中有一个只包含 CSS 的 Bootstrap 包：bootstrap-css-only；但是它只带有预编译的 CSS，没有 SASS 版本。

- tungd

---

https://github.com/jozefizso/bower-bootstrap-css 还包含构建文件，并且可以追溯到2.3.0版本，以防有人需要，在bower被弃用的时代！ - ptim

Answer 2

只需要在grunt的bowerInstall任务中添加exclude选项，bowerInstall任务就不会将被排除的文件注入到HTML文件中。

bowerInstall: {
  app: {
    src: ['<%= yeoman.app %>/index.html'],
    exclude: ['bower_components/bootstrap/dist/js/bootstrap.js'],
    ignorePath: '<%= yeoman.app %>/'
  }
},

- xiaoboa

---

你也可以考虑排除jQuery：'bower_components/jquery/dist/jquery.js'。 - Sam Barnum

Answer 3

您可以执行以下操作：

bower install bootstrap-css-only

- fallwind

Answer 4

根据这个答案，您可以将以下内容添加到.bowerrc中以删除Bootstrap JS文件:

{ "directory": "bower_components", "scripts": { "postinstall": "rm -rf bower_components/bootstrap-sass-official/assets/javascripts" } }

- bkaid

Answer 5

如果你的Gruntfile中没有像被接受的答案中提到的bowerInstall任务，那么这个方法也适用于wiredep任务。

 wiredep: {
  app: {
    src: ['<%= yeoman.app %>/index.html'],
    exclude: ['bower_components/bootstrap/dist/js/bootstrap.js'],
    ignorePath:  /\.\.\//
  },

- Nolan Lawrence