将semantic-ui较少的文件包含到现有的构建系统中

时间:2014-12-22 12:03:01

标签: css less semantic-ui

我们有一个使用less作为css预处理器的项目,使用express-less编译的文件越少。我们没有使用ui库,所以我们想尝试语义。我们遇到的一个问题是我们希望将它包含在我们的构建系统中(我们使用express来构建css)。关于如何使用和构建语义,有一个写得很好的article,但没有关于如何将其插入现有项目的信息。

我们的目标是能够通过theme.config文件指定要包含的组件,然后将所有必需的* .less文件导入主文件(就像使用bootstrap时那样)。

我们尝试过简单地创建theme.config文件并将其导入我们的应用程序,但编译器抱怨@type变量未定义。我无法弄清楚这个var中应该包含什么,但似乎我们缺少其他配置文件。

我们也尝试过询问Semantic的IRC,但没有人回答。

有没有使用semantic-ui但没有使用gulp或prebuilt css的解决方案?

1 个答案:

答案 0 :(得分:2)

src/definitions中的行为,集合,元素,全局,模块和视图定义了您遗失的@type

您应该将每个行为,集合,元素,全局,模块或视图彼此独立地导入到项目文件中。

例如:

@import "./definitions/modules/rating";

请注意,rating.less文件会导入你的@import'../../theme.config';文件等加载你的主题设置(通过../../ theme.less);

如果您只下载了semantic-ui源代码并且没有运行gulp install。 '../../theme.config'尚不存在。您可以使用theme.config.example作为示例自行创建“../../theme.config”文件。