css - 编译 less 文件不获取全局 less 变量

Question

我有一个 gruntjs 文件，我正在将 less 编译成 css。我最近回到了一个遗留元素，目的是提高性能。

我的任务不是导入 all.less 中的所有文件，而是让 articlePage.less 和 comments.less 如下所示；

'All.less', // Contains all the global variables
'component-commenting.less',
'component-popular-insights.less',
'component-reading-list.less'

我的 grunt 文件中有这些，但问题是，这些文件中的每一个都包含较少的字体、颜色、媒体查询等变量，并且不获取任何全局内容。这些文件有办法吗在 all.less 中获取全局变量，还是我需要将全局变量导入到每个文件中？

Answer 1

您的组件 LESS 文件应该在文件顶部包含一个用于 All.less 文件的 @import 语句。确保使用正确的导入路径。

考虑重构 All.less 以仅包含所需的变量/媒体查询等。

@import './All.less';