react antd yarn 安装sass

yarn 安装sass

要使用yarn安装Sass，你可以运行以下命令：

yarn add sass sass-loader

配置 Webpack

如果你使用的是 Create React App，可以通过 react-app-rewired 和 customize-cra 来配置 Webpack。

安装 react-app-rewired 和 customize-cra:

yarn add react-app-rewired customize-cra

创建 config-overrides.js

在项目根目录下创建一个名为 config-overrides.js 的文件，并配置 addWebpackModuleRule() 来添加 Sass 规则。

const { override, addDecoratorsLegacy, addWebpackAlias, addWebpackModuleRule } = require("customize-cra");
const path = require("path");

module.exports = {
  webpack: override(
    addDecoratorsLegacy(),
    addWebpackAlias({
      "@": path.resolve(__dirname, './src')
    }),
    addWebpackModuleRule({
      test: /\.s[ac]ss$/i,
      use: [
        'style-loader',
        'css-loader',
        'sass-loader',
      ],
    })
  )
}

修改

安装 react-app-rewired 和 customize-cra:修改 package.json
使用react-app-rewired + customize-cra或@craco/craco