我有兩個文件:

Node.tsx 和 Node.stories.tsx

這是同樣的一段代碼

import IconSvg from 'ui/Icon/IconSvg'
import stylesNode from './Node.module.pcss'

// ..............
      return (
        <IconSvg
        className={stylesNode.propsIcon}
        onClick={onTextConfirm}
        />
      )

代碼在任何地方都工作正常，但是故事書看不到mixin css代碼

節(jié)點.模塊. pcss:

@mixin external {
  .propsIcon {
    margin: 0 -5px 0 15px;
    border: 1px solid #0f0;
  }
}
// And I have to add css classes without a mixin:
.propsIcon {
  margin: 0 -5px 0 15px;
  border: 1px solid #f00;
}

否則，該類。propsIcon在故事書里是看不到的。

所有css加載器都配置正確。 故事書看到sass，scss，pcss。 不會只看到@mixin。

請告訴我這里有什么問題？

這是我的buildCssLoader。storybook/webpack.config.ts:

import MiniCssExtractPlugin from 'mini-css-extract-plugin';
const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent')

export function buildCssLoader(isDev: boolean) {
    return {
        test: /\.(sacss|pcss|scss)$/i,
        use: [
            isDev ? 'style-loader' : MiniCssExtractPlugin.loader,
            {
              loader: 'css-loader',
              options: {
                  modules: {
                      mode: 'local',
                      getLocalIdent: getCSSModuleLocalIdent,
                  },
              },
            },
            'postcss-loader',
            {
              loader: 'sass-loader',
              options: {
                sourceMap: true,
              },
            },
        ],
    };
}