. css文件导入.less文件

您可以将 .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 文件吗…？

答案

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

@import (css) "lib";

将输出

@import "lib";

和

@import (less) "lib.css";

将导入lib.css归档并将其视为较少。