在多个LESS或SASS样式表中安全导入库

Question

用例：
我有主要的样式表 - main.less，另一个用于网站的特定部分 - app.less。 我也使用Twitter Bootstrap。例如在main.less中我有几个引导程序的覆盖，并且在app.less中我想将Bootstap类混合到我自己的类中（让我们采取 - .clearfix） - 以获得更多代码的干燥性。所以我将在其中导入bootstrap.css并混合所需的课程。首先在网页上我将包括Bootstrap和其他库，然后是main.less，然后是app.less。这将使main.less中的覆盖清除，一切都变得混乱！

如何正确进行此类进口？是否可以使用任何CSS预处理器，而不仅仅是LESS？

Answer 1

将开发包含在较少的文件中是否适合您，就像您在开发中一样？

我在SCSS中的方法是这样的：

• style.scss（没有任何自己的声明）
  • 首先导入bootstrap.scss
  • 然后导入特定于站点的.scss文件，其中可能包含替代。

通过这样做，我可以完全控制文件的顺序，从而完全控制生成的css文件中的声明顺序。

当然，必须决定交换能力，以便在包含时通过CDN加载Bootstrap，但在我的情况下，无论如何我使用的是非常缩小版本的Bootstrap。

Answer 2

Bootstrap不应该像这样使用。我的意思是如果你使用编译版本，你不应该覆盖它。我们的想法是使用较少的文件并修改它们。你使用的方法有点混乱，我认为没有优雅的方式。我建议避免包含已编译的bootstrap.css并检查纯粹的较少版本。