我们有一个使用less作为css预处理器的项目,使用express-less编译的文件越少。我们没有使用ui库,所以我们想尝试语义。我们遇到的一个问题是我们希望将它包含在我们的构建系统中(我们使用express来构建css)。关于如何使用和构建语义,有一个写得很好的article,但没有关于如何将其插入现有项目的信息。
我们的目标是能够通过theme.config文件指定要包含的组件,然后将所有必需的* .less文件导入主文件(就像使用bootstrap时那样)。
我们尝试过简单地创建theme.config文件并将其导入我们的应用程序,但编译器抱怨@type
变量未定义。我无法弄清楚这个var中应该包含什么,但似乎我们缺少其他配置文件。
我们也尝试过询问Semantic的IRC,但没有人回答。
有没有使用semantic-ui但没有使用gulp或prebuilt css的解决方案?
答案 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”文件。