使用自举与鲍尔

我正在尝试使用 bootstrap with bower，但是因为它克隆了整个回购，所以没有 CSS 和其他东西。

这是否意味着我需要在自己的构建过程中包含构建 Bootstrap？如果我错了，正确的工作流程是什么？

123029 次浏览
小开

Css 和 js 文件位于包中: bootstrap/docs/assets/

更新:

自从 v3以来，包中有一个 dist文件夹，其中包含所有 css、 js 和字体。

另一个选项(如果您只想获取单个文件)可能是: 下拉。配置非常简单，您可以轻松地将自己的文件/url 添加到列表中。

小开
最佳答案

最后，我用以下句子结束了我的演讲: bower install --save http://twitter.github.com/bootstrap/assets/bootstrap.zip

在我看来更干净，因为它不克隆整个回购，它只解压缩所需的资产。

缺点是，它打破了鲍尔哲学，因为 bower update将不会更新引导程序。

但是我认为它仍然比使用 bower install bootstrap然后在您的工作流中构建引导程序要干净。

我想这是个选择的问题。

更新: 似乎他们现在版本了 dist 文件夹(参见: https://github.com/twbs/bootstrap/pull/6342) ，所以只需使用 bower install bootstrap并指向 dist文件夹中的资产

小开

最后我使用了一个 shell 脚本，在第一次签出一个项目时，应该只需要运行一次

#!/usr/bin/env bash


mkdir -p webroot/js
mkdir -p webroot/css
mkdir -p webroot/css-min
mkdir -p webroot/img
mkdir -p webroot/font


npm i
bower i


# boostrap
pushd components/bootstrap
npm i
make bootstrap
popd
cp components/bootstrap/bootstrap/css/*.min.css webroot/css-min/
cp components/bootstrap/bootstrap/js/bootstrap.js src/js/deps/
cp components/bootstrap/bootstrap/img/* webroot/img/


# fontawesome
cp components/font-awesome/css/*.min.css webroot/css-min/
cp components/font-awesome/font/* webroot/font/
小开

有一个预先构建的引导程序包称为 bootstrap-css。我想这正是你(和我)希望找到的。

bower install bootstrap-css

谢谢 Nico。

小开

还要记住以下命令:

bower search twitter

您将得到一个包含与 twitter 相关的任何包的列表的结果。通过这种方式，你可以了解关于 Twitter 和 Bower 的最新信息，比如知道是否有全新的 Bower 组件。

小开

假设您在全球范围内安装了 npm 和 bower

  1. 导航到你的项目
  2. bower init(这将在您的目录中生成 bower.json 文件)
  3. (然后继续点“是”) ..。

  4. 设置将要安装引导程序的路径:
    手动在 bower.json 文件旁边创建一个 .bowerrc文件，并向其中添加以下内容:

    { “目录”: “公共/组件” }

  5. bower install bootstrap --save

注意: 安装其他组件:

 bower search {component-name-here}
小开

为了执行 npm命令，您已经在系统上安装了 NodeJ。一旦 npm正常工作，你可以访问 bower.io。您将在那里找到关于这个主题的完整文档。您将找到一个命令 $ npm install bower。这将在您的机器上安装 鲍尔。安装 鲍尔之后，您可以很容易地安装 Bootstrap。

这里有一个关于 的视频教程


提交答案