如何保持已编译的LESS中退出的CSS

Question

我今天开始在一个项目中使用LESS，发现一个问题，让我们描述一下-

在我从事的任何项目中，我总是使用预定义的CSS Reset和WordPress Core CSS以及即将发布的CSS。 在我使用LESS之前，没有发生此问题。

当我编写新的LESS代码并通过SimpLESS应用程序或任何其他编译器进行编译时，我只是从样式表（.css）中删除了现有的CSS（重置，WP Core）代码，并使用新的CSS编译代码更新了样式表。

当我第一次使用LESS时，这真的让我很烦。

那么，如何同时保留现有的CSS和已编译的CSS？

提前致谢！ :)

Answer 1

两种选择：

1. 将现有的CSS放入LESS代码中。 您的LESS代码将在每次保存时覆盖您的css文件，因此您将使用LESS管理所有样式。

2. 更改LESS文件的名称，以免覆盖现有的CSS代码，然后将指向两个样式表的链接放在HTML文档中，或者将此行放在LESS文件中：

    @import (css) "foo.css"; 

Answer 2

为什么不将少部分内容编译为单独的样式表，并将两者都包含在页面标题中？ 问题是，如果您是从style.less编译为style.css，而没有在less中包含现有的CSS代码，则它将覆盖未附加到该文件的文件。

因此，要么使用上面的解决方案，然后在您的less中添加现有的CSS，要么编译为其他文件名，并将两个CSS文件都包含在文档头中。