css - Bootstrap 3 - 对在我的应用程序中包含 .less 文件感到困惑

Question

我想知道是否可以将所有内容bootstrap.less导入我自己的 .less 文件，然后覆盖我希望在该文件中更改的任何内容。我自己的 .less 文件style.less将所有内容输出到单个样式表中，并且我不包括编译bootstrap.css文件，只包括 JS 文件。

bootstrap // folder with all bootstrap less files.
style.less // imports bootstrap folder, and outputs style.css in root directory

这样做有什么缺点，还是我也应该包括编译的bootstrap.css文件？

Answer 1

是的，您可以立即访问所有的混音和变量。我会说这是使用引导程序的最强大的方法。

正如您建议的那样，只需在您的 less 文件的开头导入 bootstrap.less 。之后我导入了任何其他的 mixin 库，比如 lesshat。

问题是你最终得到一个单一的 CSS 文件，这是调试的噩梦，但 less.js 1.50 引入了源映射，这在使用这种方法时非常宝贵：http ://robdodson.me/blog/2012/12/28 /debug-less-with-chrome-developer-tools/

设置起来很麻烦，但可以节省很多麻烦。