将.css文件导入到.less文件中

Question

可以将.css文件导入.less文件…吗？

我对较少的内容非常熟悉，并将其用于我的所有开发。我经常使用如下结构：

@import "normalize";

//styles here

@import "mixins";
@import "media-queries";
@import "print";

所有导入文件都是其他.less文件，并且可以正常运行。

我当前的问题是：我想将.css文件导入.less，以引用.css文件中使用的样式，如下所示：

@import "../style.css";

.small {
    font-size:60%;
    .type;
}
// other styles here

.css文件包含一个名为的类，.type但是当我尝试编译.less文件时，出现错误NameError: .type is undefined

.less文件不会导入.css文件，仅导入其他.less文件…吗？还是我引用错了…？！

Answer 1

您可以通过指定选项来强制将文件解释为特定类型，例如：

@import (css) "lib";

将输出

@import "lib";

和

@import (less) "lib.css";

将导入lib.css文件，并将其视为更少。如果指定的文件较少且不包含扩展名，则不会添加任何文件。