reactjs - React 故事书 PostCSS 配置

Question

我正在为我的 React 应用程序设置一个故事书。我遇到了 PostCSS 的问题，显然我的故事书配置没有处理 PostCSS，并且我的样式被完全忽略了。

这是我的 package.json：

{

  ...

  "devDependencies": {

    "@storybook/addon-actions": "^6.2.8",

    "@storybook/addon-essentials": "^6.2.8",

    "@storybook/addon-links": "^6.2.8",

    "@storybook/addon-postcss": "^2.0.0",

    "@storybook/react": "^6.2.8",

    "css-loader": "2.1.1",

    "extract-css-chunks-webpack-plugin": "4.3.2",

    "postcss-cssnext": "^3.1.0",

    "postcss-csso": "^3.0.0",

    "postcss-loader": "^3.0.0",

    "style-loader": "^2.0.0"

  }

}

这是我的 main.js：

module.exports = {

  "stories": [

    "../src/**/*.stories.@(js|jsx|ts|tsx)",
  ],

  "addons": [

    "@storybook/addon-links",

    "@storybook/addon-essentials",

    "@storybook/addon-postcss"
  ]
}

非常欢迎任何帮助。