javascript - 如何在现有的Meteor项目中使用语义UI？

Closed. This question needs debugging details。它当前不接受答案。












想改善这个问题吗？更新问题，以便将其作为on-topic用于堆栈溢出。

5年前关闭。



Improve this question




我目前正在运行一个简单的Meteor.js教程项目。如何使用Semantic-UI对此应用程序进行外观设置？在他们的网站上，他们有单个表单和按钮等的html源代码。我尝试将其复制并粘贴到我自己的 meteor 项目html文件中，但整个应用程序崩溃并报告“HTML格式错误”。

如何解决这种情况和/或如何使用Semantic-UI轻松为 meteor 项目添加外观？

最佳答案

通过大气安装

从大气中安装语义UI软件包:
meteor add semantic:ui
安装LESS AutoPrefixer

您将需要一个特殊的包less-autoprefixer，以将供应商前缀添加到您的LESS管道中。
meteor add semantic:ui flemay:less-autoprefixer
创建一个custom.semantic.json文件
custom.semantic.json是一个特殊文件，用于确定要在项目的构建中包含哪些主题和组件。

要从管道中删除组件，只需将 bool(boolean) 值设置为false即可。

{
"definitions": {
  "accordion" : true,
  "ad"        : true,
  "api"       : true,
  /* etc */
},
"themes": {
  "amazon"     : false,
  "basic"      : false,
  "bookish"    : false,
  "bootstrap3" : false,
  "chubby"     : false,
  "classic"    : false,
  "default"    : true,
  /* etc */
}

启动 meteor /生成

每当Meteor启动或刷新时，它都会调用semantic:ui包来生成语义UI。

该软件包使用了custom.semantic.json和.custom.semantic.json之间的差异来避免不必要地重新生成文件。

如果文件.custom.semantic.json不存在或与custom.semantic.json不同，则它将生成语义UI。

自定义网站变量

语义UI meteor 包含网站主题site/，可用于自定义网站的较少变量。这些文件是可选的，如果不需要自定义，可以安全地删除它们。

请访问我们的主题指南，以了解有关主题的更多信息。

问题与调试

有关语义UI meteor 的帮助以及最新更新，请访问GitHub上的存储库主页https://github.com/Semantic-Org/Semantic-UI-Meteor。

仅供引用:您可以在http://semantic-ui.com/introduction/integrations.html#meteor的SemanticUI Integrations页面上的原始说明中查看这些说明。

或更好，这是: https://github.com/Semantic-Org/Semantic-UI-Meteor/blob/master/README.md