需要对 Bower、Grunt 和 Bootstrap 工作流程进行一些澄清和批评答案

【问题标题】：Need some clarification and critiques regarding a Bower, Grunt, and Bootstrap workflow需要对 Bower、Grunt 和 Bootstrap 工作流程进行一些澄清和批评
【发布时间】：2015-03-10 20:26:43
【问题描述】：

这是我到目前为止所做的：

通过 npm 全局安装 Bower
通过 npm 全局安装 Grunt
创建了一个工作文件夹（“test”）
创建了一个 bower.json（我意识到 bower init 也可以正常工作），其中 "bootstrap": "latest" 作为唯一的依赖项
cd ~/test
bower install --save（保存标志是不必要的，因为依赖项是预定义的，我猜）
cd bower_components/bootstrap
npm 安装
咕噜声

以下是我的印象（如果以下任何错误，请纠正我）：

我已经设置了一个工作环境，在该环境中，我的 JS 和 LESS 将在运行“grunt dist”（或 grunt，但我认为这样做效率较低）时自动进行 linted、编译和缩小。
我所有的工作 HTML 文件都应该直接放在“dist”文件夹中。
Bower 将在不覆盖修改文件的情况下处理依赖项升级。
完成后，我的网站/Bootstrap 模板可能会在 Bower 注册，以便轻松娱乐。

我有几个问题：

a) 这个工作流的大多数用户是为每个项目创建一个新的工作环境，还是只维护一组工作文件并修改 gruntfile、dist 文件夹和自定义 LESS/JS 文件夹/文件？

b) 上一个问题的后续：大多数 Bootstrap 用户是直接修改核心组件，还是只是尝试添加自定义 LESS/JS 文件和文件夹？更新到新版本的 BS 时会覆盖核心修改吗？

我对 Web 开发非常陌生。我为这个相当过分的帖子道歉。如果有更好的地方让我与几个愿意忍受我提出进一步问题的耐心的人交流，请指出我那里（我过去在 Stack 上回答了大部分与编程相关的问题，所以我先来这里）。我知道 Stack 通常针对非常具体的问题和答案。

【问题讨论】：

这不是你问的，但你可能想看看 Yeoman，并学习如何使用生成器。基本上，一个生成器让你只需点击几下就可以引导一个工作环境。有很多非常好的生成器，您可以使用其中一个或创建自己的。我相信您可以找到适合您正在寻找的工作流程的。
我去看看约曼！感谢您的建议。

标签： twitter-bootstrap gruntjs npm bower

【解决方案1】：

A) 通常您希望为您的 css/less 文件甚至 js 文件制作自定义文件。我通常会根据需要进行准系统最小引导/角度构建和自定义/删除。

B) 如果您创建一个新文件并将其保存在一个目录中，请确保它不是所有依赖项所在的位置。如果您通过 Bower 进行更新，则可能会删除更新文件。最好创建一个内容/脚本或 css 文件夹并将您的自定义样式/脚本放入其中。

希望得到答案

【讨论】：

参考 A)，这对我来说很有意义。但是，当您说“如果您通过 grunt 更新”时，您是什么意思？我不认为 grunt 会覆盖任何东西 - 只是 bower，如果发布了新版本的引导程序，则在执行 bower update 时。当您说“这样做也是一种好习惯”时，您指的是什么？
哎呀！感谢您指出了这一点。我实际上指的是鲍尔。如果您通过 Bower 更新任何依赖项（角度、引导程序等），它将替换这些文件（以及该目录中的任何文件）并用新文件更新它们。此外，当您询问大多数用户是否更新核心时，我说作为一种良好做法，最好是制作一个新文件并添加您在其中制作的任何自定义类/脚本。
谢谢！这一切都很有帮助，我感谢您对原始答案的更新。我想现在我只需要开始修补和破坏事物，以便确切地弄清楚我想如何处理我的文件夹结构和工作流程。我的印象是有一种正确的方法来处理我们在这里讨论的所有事情（这是正确的，但只是在一定程度上），但似乎最好根据具体情况确定具体配置，而不是普遍。