对不起,可怕的问题措辞,让我解释一下。
对于我正在处理的项目,我想管理服务器上我的 LESS 文件的各种依赖项。由于项目的结构方式(不同的组件以不同的方式符号链接),仅使用 @import 来构建依赖项等会受到更多限制。
理想情况下,我只想在该部分中吐出所需的 LESS 文件列表,例如:
<link rel='stylesheet/less' href='/path/to/some/file.less' type='text/css' media='all' />
<link rel='stylesheet/less' href='/path/to/some/other-file.less' type='text/css' media='all' />
然后,例如,如果在 file.less 中定义了变量或 mixin,我希望能够在 other-file.less 中使用它。
据我所知,这是行不通的。每个 LESS 文件似乎都存在于其自己的范围内,而其中一个文件中的变量等在另一个文件中不可用。
这个对吗?范围是否完全限于单个文件和其中的任何 @imports?我有理由确定它是,但不完全是。
目前,我的解决方法比我想的要复杂:我正在构建依赖项服务器端,然后将它们快速组合成一个巨大的、单一的 development.less 文件。(请注意,出于生产目的,我有一个编译和缩小我的 less 的构建过程,以便我直接提供 CSS)。
我已经查看了 LESS 源代码中的 browser.js 以获取线索,但我想我会先在这里询问这是否可能甚至是可取的。我对这种行为有点惊讶,因为这不是多个 javascript 文件和内联代码的工作方式。