Css Grunt、Bower和Bootstrap 3

我的理解是bootstrap3是使用编译的。也就是说，如果我想自定义引导的主题/外观，我会修改各种LESS文件中的变量，然后编译我的自定义引导库

我的理解是，这是一个JavaScript构建系统，可以进行缩小、丑化等操作。；它有一个用于定义自定义行为的可插拔体系结构

我的理解是，这是一个依赖关系管理工具，可以独立运行（从shell）或作为Grunt插件运行

如果到目前为止我所说的任何话都是不真实或误导的，请先纠正我

假设我的理解或多或少是正确的，那么我的问题是：

我怎样才能使用LESS、Grunt和Bower来创建一个定制的基于Bootstrap的应用程序？我会使用较少的自定义引导，然后使用Bower将自定义引导作为依赖项拉入我的应用程序，然后使用Grunt编译/缩小我的应用程序的JS/CSS资源吗？还是我偏离了轨道，完全偏离了轨道？

我想你是对的

从下载引导开始，还要确保您已经安装了Node.js和npm

然后运行：

npm安装

grunt dist

（它重新编译Boostrap、CSS和Javascript）

现在你可以检查了 并了解如何配置Grunt任务以构建和扩展引导

Bootstrap不使用Bower进行前端包管理（尽管您也可以使用Bower安装Bootstrap），但根Wordpress主题使用Bower：

root使用Bower来管理Bootstrap、jQuery、modernizer和 Respond.js

您可以使用

bower安装--save安装任何软件包

Bower使用该文件安装这些软件包
 你的理解是正确的。除了“然后使用Bower将自定义引导拉入我的应用程序”部分；您的自定义引导不会是Bower包。而且，一般来说，鲍尔并没有真正增加多少价值；其他前端打包工具更具特色。