Question

我在/javascript/components/themes.scss

下有文件themes.scss

这里有代码

   $themes: (
  flysmarter:(
    searchFieldBorder:1px solid #0A5AA6,
    searchFieldBackgound:#FFF,
    searchFieldColor: #0A5AA6,
  ),
  flygcity:(
      backgroundColor:#eccc00,
  ),

);
@mixin themify($themes) {
    @each $theme, $map in $themes {
      .theme-#{$theme} & {
        $theme-map: () !global;
        @each $key, $submap in $map {
          $value: map-get(map-get($themes, $theme), '#{$key}');
          $theme-map: map-merge($theme-map, ($key: $value)) !global;
        }
        @content;
        $theme-map: null !global;
      }
    }
  }
  @function themed($key) {
    @return map-get($theme-map, $key);
  }

我需要将它导入到../ components / searchfield / styles / searchfield.css

下的文件中

我写了这样的导入@import url('../component/themes.scss');

但是当我运行webpack时，我有这个错误。

模块构建失败： @include themify（$ themes）{ ^ 没有mixin命名为themify

当同一目录中的文件时，一切正常。我怎么解决它？

Answer 1

我找到了解决方案

只需要写这个

@import '../../themes.scss';

现在它有效。

创建SCSS主题错误

1 个答案: