在 Semantic-UI 中更改主题

Question

我正在尝试更改 Semantic-UI 中的默认主题。我已将src/theme.config 中的值@site 修改为'material'（例如），然后运行gulp build。目录 dist 被重新生成。

然后我将 dist 目录的内容复制到我的网站资源中，但是当我在浏览器中查看结果时，没有主题适用。例如，按钮的外观是默认的（导航器默认）。

Semantic-UI 文档远未完成，我无法完成这项工作。我正在使用最新版本（npm install），这是一个错误还是我遗漏了什么？

另外，我在dist/themes 目录中看不到我的主题。此外，当主题不是默认值时，gulp 生成要快 5 秒，我认为这不是正常行为。

Answer 1

经过多次反复试验和谷歌搜索，它对我有用。

第 1 步： 确保默认主题文件夹在那里。我删除了我的默认主题文件夹进行一些测试，但它没有用。在我把它带回来并执行gulp build 之后，它就起作用了。

第 2 步： 您可能需要将您的 node 更新到最新版本。将节点版本从5.2.0 更新为5.6.0 后，主题生成开始工作。

还有： 您可以运行gulp watch 并在theme.config 中进行一些更改。它将向您展示主题构建过程的详细信息。