Sass 使用Webpack创建自定义主题时,UIkit的预期工作流程是什么?

Sass 使用Webpack创建自定义主题时,UIkit的预期工作流程是什么?,sass,getuikit,Sass,Getuikit,我们有我们的项目网页,我们需要定制大量的东西。也就是说,我们需要创造自己的主题。据我所知,我应该: @import 'theme/_import'; @import '~uikit/src/scss/variables'; @import '~uikit/src/scss/mixins'; @import "~uikit/src/scss/uikit"; 其中theme文件夹是uikit/src/scss/theme的副本。但是,我得到一个错误: 未定义变量:“$global muted

我们有我们的项目网页,我们需要定制大量的东西。也就是说,我们需要创造自己的主题。据我所知,我应该:

@import 'theme/_import';

@import '~uikit/src/scss/variables';
@import '~uikit/src/scss/mixins';

@import "~uikit/src/scss/uikit";
其中
theme
文件夹是
uikit/src/scss/theme
的副本。但是,我得到一个错误:

未定义变量:“$global muted background”

那么在这种情况下我该怎么办呢

  • 我是否正确地复制了
    主题
    文件夹?它是用于复制粘贴,然后进行修改吗?如果是,在该文件夹之前导入什么以便声明必要的变量
  • 我应该复制整个
    变量主题.scss
    文件并修改它吗?在这种情况下,如文档所示,将每个组件的变量拆分为文件的目的是什么?而且,一切都会一团糟
  • 我应该将自定义全局变量放在哪里?在
    theme/variables
    中,然后在
    theme/\u import
    中导入它们