向.less文件导入.css文件

Question

您能否将.css文件导入到.less文件中...？

我非常熟悉less，并在我的所有开发中使用它。我经常使用如下结构：

@import "normalize";

//styles here

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

所有导入都是其他.less文件，并且都按其应有的方式工作。

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

@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。如果指定的文件小于且不包括扩展名，则不会添加任何扩展名。

Answer 2

如果希望将CSS复制到输出中而不进行处理，则可以使用(inline) directive。例如，

@import (inline) '../timepicker/jquery.ui.timepicker.css';

Answer 3

我不得不在1.7.4版本中使用以下代码

@import (less) "foo.css"

我知道公认的答案是@import (css) "foo.css"，但它不起作用。如果你想在新的less文件中重用你的css类，你需要使用(less)而不是(css)。

检查documentation。