2013-03-13 64 views
35

我正在与yeoman合作,其中包括用于自动化的grunt和用于客户端包管理的bower。我的项目的依赖项之一是SASS twitter-bootstrap如何使用Bower保持Twitter Bootstrap自定义?

在其他项目中,我手动管理依赖的更新,我在引导variables.less_variables.scss)文件直接更改Bootstrap价值和它main.less文件扩展项目自身css文件夹下。我在这里也做了同样的事情,但是当我使用Bower安装其他软件包时,它覆盖了所有内容(我的组件的文件夹,感谢上帝)

什么是在组件文件夹之外自定义Bootstrap的最佳方法它不会再发生?

回答

45

您不应该修改bower_components文件夹的内容。我们一定会做得更清楚。

至于你的问题。将bower_components文件夹中的_variables.scss文件复制到例如。 app/styles,然后将其导入您的main.scss或任何它的名称,在导入语句的引导之上。这将导致您的自定义文件覆盖默认变量。

+1

现在你提到了@ import-overrides技巧,它看起来很明显XD – marcoslhc 2013-03-27 15:42:09

+2

我不知道是否有什么改变,但我发现把重要的_variables文件的** import语句放在** Bootstrap导入上面而放置在下面则没有。 – 2013-06-23 18:11:40

+0

是否意味着当使用bootstrap作为凉亭组件_variables.scss是我应该覆盖的唯一文件?如果我需要更改其他内容而不是该文件中的内容,该怎么办?或者,如果我需要改变别的东西,我可能甚至不需要bootstrap呢? – Markus 2014-10-24 13:09:18

相关问题