<分区>
标签 javascript html css less
<分区>
我正在努力使用更少的文件来为我的应用程序设置主题。我创建了 variables less 文件和 common less 文件。
@import 'commonlessfiles';
html.theme1{
@import 'theme1variables';
@import 'baselessfiles';
}
html.theme2{
@import 'theme1variables';
@import 'baselessfiles';
}
使用上面的代码。
我的问题是它为第一部分 (theme1) 生成 CSS 文件。可能 less 不允许重复导入。因为我要导入 baselessfile
2 次。 (@import 'baselessfiles'
)。
输出:
通用CSS
html.theme1 .class{
}....
有什么方法可以告诉 less 或强制 less 两次导入文件并使用变量文件。
我的输出应该如下所示:
常用的 CSS:
html.theme1 class{
}
html.theme2.class{
}
最佳答案
下面的代码适用于我使用 multiple
@import 'commonlessfiles';
html.theme1{
@import 'theme1variables';
@import (multiple) 'baselessfiles';
}
html.theme2{
@import 'theme1variables';
@import (multiple) 'baselessfiles';
}
关于javascript - 如何两次导入less文件以启用主题切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45217961/