Question

我是LESS的新手，我问，因为我正在查看Weebly主题，其中包含main.less文件以及主题的两种颜色变体的变量文件 - variables_gold.less和variables_black.less

每个变量文件包含相同的变量但具有不同的值。

这些文件中没有@import行，并且我找不到任何输出代码中的变量文件的引用。我能够找到有关引用单独变量文件的所有信息都涉及@import，因此我还未能通过常规网络搜索找到答案。因此，对于特定.less文件中的任何未定义变量，LESS只会自动在同一目录中查找其他LESS文件，或者我必须得出结论，这些文件之间的关联是通过主题的其他方面创建的。编码，我还没找到？（似乎没有任何对上述任何.less文件的引用或主题HTML文件中的任何等效命名的.css文件或其输出HTML也可以找到，所以我不认为它只是一个不同主题颜色版本的案例，它们的link rel="stylesheet"行中有不同的HTML页面和不同的细节。）

提前感谢您对此的看法。

Answer 1

由于这是Weebly的专用应用程序，因此网站有可能使用构建过程在样式定义之前连接变量文件，具体取决于您的颜色主题设置。在这种情况下，似乎变量链接与LESS无关，而是与看不见的构建过程无关。

有关我所指的内容的更详细说明，请参阅this article。

Answer 2

据我所知，你必须使用@import（通常在较少的文件中）。否则，如果@import指令仍然查看其他.less文件，那么它将毫无用处

Answer 3

我已被告知如下：

变量文件未导入main.less。这些文件在manifest.json文件中定义，类似于variables_black.less的以下示例：

"variations": [
        {
            "value" : "dark",
            "sample": "#111111 ",
            "is-dark": false
        },
        {
            "value" : "white",
            "sample": "#dfdfdf ",
            "is-dark": false
        },
        {
            "value" : "brown",
            "sample": "#53382f ",
            "is-dark": false
        }
    ],

LESS文件可以在不使用@import的情况下引用LESS变量文件吗？

3 个答案: