Semantic-ui不使用主题

时间:2017-02-25 00:56:06

标签: semantic-ui

我完全处于死胡同。我正在尝试使用/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';

再一次,运行gulp build时没有错误,我再次留下一个只包含默认定义的CSS文件。

我的项目结构如下:

semantic.json
semantic
  - src
    - definitions
    - site
    - themes
    - semantic.less
    - theme.less
    - theme.config
  - tasks
  - gulpfile.js

我的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"
}

我正在运行节点7.6.0(当前最新),因此升级节点将无法解决任何问题(因为我看到其他人通过更新节点找到了修复程序)。

任何帮助都会受到大力赞赏,我现在真的厌倦了这一点。

1 个答案:

答案 0 :(得分:0)

是的,似乎它实际上正如预期的那样使用主题,但是当出现问题时绝对没有反馈。在我的主题site文件中放入无效的CSS会导致出现错误,但在其他任何内容中,它都会被忽略并使用默认值。