为什么只导入一个文件时所有导出的scss都显示？

Question

我正在导出我的scss变量文件_colors.scss，_breakpoints.scss等...

导出看起来像这样

@mixin export-map($map, $name: '', $stringify: false) {
  :export {
    @each $key, $value in $map {
      @if $value != null {
        @if ($stringify) {
           #{$key}: #{inspect($value)};
        } @else if (str-length($name) > 0) {
           #{$name}-#{$key}: #{$value};
        } @else {
          #{$key}: #{$value};
        }
      }
    }
  }
 }

这样使用

// _breakpoints.scss

@import '../mixins/export-map';

$breakpoints: (
  to-small:                                   ( max-width:  766px ),
  small:                                      ( min-width:  767px ),
  to-medium:                                  ( max-width:  991px ),
  medium:                                     ( min-width:  992px ),
  to-large:                                   ( min-width: 1199px ),
  large:                                      ( min-width: 1200px ),
  to-x-large:                                 ( min-width: 1599px ),
  x-large:                                    ( min-width: 1600px )
);

@include export-map($breakpoints, '', true);

因此，我想导入_colors.scss以便在脚本中使用。因此，这是一个Vue项目，我是这样做的。

import colors from '@/assets/styles/variables/_colors.scss'

因此，执行console.log(colors)将打印项目中所有可用的导出变量，颜色，断点，度量值等。

问题：有人对为什么会这样有想法吗？我明确地导入了颜色。