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

时间:2019-04-10 13:37:26

标签: sass getuikit

我们的项目有Webpack,我们需要自定义很多内容。即我们需要创建自己的主题。根据{{​​3}},我应该有:

@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”。

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

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

0 个答案:

没有答案