Html 创建主题（即使用不同变量的css文件）

我有以下文件结构：

• 无主
• 模块
  • 没有颜色
  • 无标题
  • 无页脚
  • 无视频播放器
  • 重置0.less
  • 无碱

---

颜色。less

看起来像：

@brand-primary-color: orange;
@brand-secondary-color: grey;

---

我想在

main.less

中导入

colors.less

，并在less文件中全局使用变量

创建主题的方式如下所示：

• 品牌-1.0

  @import“主题/brand-1-colors.less”

• brqand-2.less

  @import“主题/brand-2-colors.less”

• 品牌-3.0

  @import“主题/brand-3-colors.less”

• [……]

---

找不到任何方法来做这件事

唯一可行的方法是在每个子文件中导入

colors.less

文件。这使得创建主题有点乏味

---

---

有什么想法吗？：）谢谢大家

假定

main.less

中有CSS，您所要做的就是创建一个文件，在其中导入所有其他

less

文件。文件结构如下所示：

• 最后的
  • 模块
    • 无主
    • 没有颜色
    • 无标题
    • 无页脚
    • 无视频播放器
    • 重置0.less
    • 无碱

编译后，

final.css

将是包含所有内容的css文件。

final.less

看起来像：

@import "main.less";
@import "colors.less";
@import "header.less";
@import "footer.less";
@import "video-player.less";
@import "reset.less";
@import "reset.less";

最后但并非最不重要的一点是，您应该只编译

final.less