我有一个较少的通用文件和较少的自定义文件。
Common less文件包含所有网站页面的css和Custom（自定义）包含多个页面的css。
我想少用Custom中的Common变量。
照我看来：
在Custom.less.css文件中：
@import(CommmonSettings.less.css)
@header-color: @orange;
@header-active-color: @orange-dark;
... css code ...
CommonSettings.less.css文件包含：
@orange: #f58024;
@orange-dark: #d35437;
我该怎么做 ？
您的常用设置文件名为CommmonSettings.less.css，这意味着它是一个.css文件，而不是.less文件。当你在阅读进口少的文档，你可以看到，如果你这样做......
@import "CommmonSettings.less.css";
...您将文件视为.css文件扩展名，因为这是文件的扩展名。现在CSS对变量和LESS的所有奇妙功能一无所知，当告诉LESS导入文件as时.css，它只是复制代码，而忽略将其作为LESS处理。
这就是为什么您需要.less只使用扩展名重命名文件，然后像这样导入它：
@import "CommmonSettings.less";
或者从LESS 1.4版开始，您可以保留.css文件扩展名，但在导入时强制将其作为LESS处理，如下所示：
@import (less) "CommmonSettings.less.css";
这些方法中的任何一个都将实际读取@orange您要查找的变量值，并使它们在“自定义”文件中可用。但是请注意，如果您希望将该文件作为LESS处理，则应将该文件的文件名重命名为Custom.less而不是Custom.less.css。一旦处理了LESS代码，即将其作为CSS文件输出（请参阅LESS的客户端或服务器端用法）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句