【发布时间】：2015-07-16 07:21:42
【问题描述】：
就我的文件夹结构和工作流程而言，我正在尝试改进我的游戏。我最近发现前端包管理和任务自动化是提高速度、减少开发时间、减小文件大小和增加利润的关键。
我的问题是我不太确定使用这些工具的最佳方法是什么。我有一个 builds 文件夹，其中包括一个 dev 和 prod 文件夹。我的组件位于 bower_components 文件夹中的此文件夹之外。
我通常自定义引导程序并利用它的变量文件和混合。我已经复制了 bootstrap.less 文件和 variables.less 文件，并将它们放在 builds->dev->less 中。然后，我使用这个新目录中的 bootstrap.less 文件咕噜咕噜地编译了 less。
这是使用 bootstrap 的最佳方式吗？而且此设置中的文件更少？由于它的功能，我想使用 bower，但我也想保留自定义引导程序的功能并且它的文件更少。
你们怎么看？
注意：我通常为宣传册网站和非常小的应用程序编写主题代码。
【问题讨论】：
-
您不必复制 bootstrap.less 和 variables.less。 Less 使用延迟加载和最后声明赢得变量，因此可以将它们的定义放在之后（重新）分配它们。从您的 bower 文件夹创建一个 project.less 文件，其中
@imports bootstrap.less 并将您的自定义变量分配、mixins 和代码放在@import之后 -
您好，感谢您的回复。我认为你误解了我或者我误解了你的回答。 bootstrap.less 文件和 variables.less 是 bootstrap 的。我编辑 bootstrap 的 variables.less 文件以使开发时更容易。所以你是说我应该将引导程序的 variables.less 文件复制到我的 LESS 文件夹中。在它旁边创建一个 project.less 文件。然后在这个 project.less 文件中，从 bower 文件夹中导入 bootstrap.less 并从我的 LESS 文件夹中导入 vairables.less 文件？这似乎没有那么大的意义？你能澄清一下吗？谢谢。
-
不。您的 less 文件夹应该只包含（新）项目文件。看起来像：
@import "../bower_components/bootstrap.less"; @brand-primary: yellow;。因此，您不必更改任何 Bootstrap 文件。您的项目文件仅（重新）声明您必须更改的变量。 -
哇，谢谢。有趣的。所以这很有意义。我会试一试，让你知道。我发现很难与 bower 和 grunt 一起工作。拥有 production 或 dist 文件夹很棘手。我的下一个问题是找出如何调用网页中的路径。
标签： twitter-bootstrap gruntjs less workflow bower