使用变量导入LESS CSS文件

moz*_*ami 1 css less

我有2个名为core.less和style.less的LESS CSS文件

core.less位于:\ css\core.less下,其内容如下:

body {
    background: @bg_color;
    color: @font_color;
}
Run Code Online (Sandbox Code Playgroud)

style.less位于:\ css\green\style.less下,其内容如下:

@bg_color: #0F0;
@font_color: #FFF;
@import "../../core.less";
Run Code Online (Sandbox Code Playgroud)

core.less文件包含所有CSS规则,在更短的格式,但不提供对变量的定义.

style.less定义core.less引用的所有变量,然后导入core.less文件.

编译样式没有问题.因为它从核心文件导入所有规则.core.less文件无法编译 - 它将生成错误,因为它不包含变量定义.

我现在也想编译core.css文件(只是为了确保我的LESS规则中没有错误).有没有办法在core.less文件中添加某种虚拟/占位符变量,这样它也可以编译而不会产生错误,仍然可以使用我上面解释过的设置?

我对改变文件格式/结构的建议持开放态度.

Col*_*lin 6

通过将core.less导入style.less,正在编译core.less的"LESS规则".