您的当前位置:首页正文

react antd yarn 安装sass

2025-01-16 来源:个人技术集锦

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

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

显示全文