Semantic ui 语义用户界面不使用主题
我完全陷入了死胡同。我正试图使用Semantic ui 语义用户界面不使用主题,semantic-ui,Semantic Ui,我完全陷入了死胡同。我正试图使用/site中的变量或/themes/mytheme中的自定义主题来定制我的语义ui构建,但这两个版本似乎都无法以任何方式工作 我所尝试的: 使用/site 作为测试,我尝试覆盖/site/collections/menu.variables文件中似乎未使用的变量。为了确认这一点,我放置了完全无效的CSS(纯文本),这将导致一个错误,而没有: @variable: "test"; I'm invalid CSS!! 这不会导致错误,我只剩下一个包含默认定义的完
/site
中的变量或/themes/mytheme
中的自定义主题来定制我的语义ui构建,但这两个版本似乎都无法以任何方式工作
我所尝试的:
- 使用
/site
/site/collections/menu.variables
文件中似乎未使用的变量。为了确认这一点,我放置了完全无效的CSS(纯文本),这将导致一个错误,而没有:
@variable: "test";
I'm invalid CSS!!
这不会导致错误,我只剩下一个包含默认定义的完全有效的CSS输出
- 使用
/themes/mytheme
/themes
中为菜单变量创建了一个新文件夹,特别是/themes/mytheme/collections/menu.variables
。此文件包含与上面相同的无效CSS。然后,我调整了theme.config
文件以包含以下内容:
...
/* Collections */
@breadcrumb : 'default';
@form : 'default';
@grid : 'default';
@menu : 'mytheme';
@message : 'default';
@table : 'default';
再一次,在运行gulpbuild
时没有错误,我再次看到一个CSS文件,它只包含默认定义
我的项目结构如下:
semantic.json
semantic
- src
- definitions
- site
- themes
- semantic.less
- theme.less
- theme.config
- tasks
- gulpfile.js
My semantic.json文件包含:
{
"base": "semantic/",
"paths": {
"source": {
"config": "src/theme.config",
"definitions": "src/definitions/",
"site": "src/site/",
"themes": "src/themes/"
},
"output": {
"packaged": "dist/",
"uncompressed": "dist/components/",
"compressed": "dist/components/",
"themes": "dist/themes/"
},
"clean": "dist/"
},
"permission": false,
"autoInstall": false,
"rtl": false,
"components": [
...
],
"version": "2.2.9"
}
我正在运行Node7.6.0(当前最新版本),所以升级node不会解决任何问题(正如我看到其他人通过更新node找到了修复方法)
任何帮助都将不胜感激,我现在真的受够了。对,看起来它实际上像预期的那样使用了主题,但是当出现问题时,绝对没有反馈。在我的主题
站点
文件中放置无效CSS会导致出现错误,但在任何其他文件中,它都会被忽略,并使用默认值 你找到解决办法了吗?有没有办法至少在站点中找到一个错误日志更少的文件恐怕我真的不记得这里发生了什么,但我不记得曾经找到过任何日志。我刚把它修好,再也没有问题了。谢谢。我的问题有点不同。如果站点
文件中包含变量
或覆盖
扩展名,则编译器不会显示这些文件。所以很难找到问题所在。但是我可以通过在.overrides
文件中使用一个简单的@import
来修复这个问题,以包含另一个扩展名为.less
的文件,现在编译器确实会显示.less
文件中的错误。因此,如果文件扩展名不是.less
,它基本上不会报告错误。希望这能帮助别人。