css - 将 .css 文件导入 .less 文件

Question

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

我非常熟悉 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 文件并将其视为 less。如果您指定的文件较小且不包含扩展名，则不会添加任何文件。