create-react-app 如何配置支持less

要配置 create-react-app 支持 Less，您需要执行以下步骤：

1. 首先，确保您已经在项目目录中安装了 `less` 和 `less-loader`。您可以使用以下命令进行安装：

npm install less less-loader

或者

yarn add less less-loader

2. 打开项目目录中的 `src` 文件夹，创建一个新的名为 `index.less` 的文件。这将是您的主要 Less 文件。

3. 在 `index.less` 文件中，您可以编写您的 Less 样式代码。

4. 接下来，打开 `src/index.js` 文件，并添加以下代码来引入 `index.less` 文件：

import './index.less';

5. 最后，在项目根目录中的 `src` 文件夹中创建一个名为 `webpack.config.js` 的文件，并添加以下内容：

module.exports = {
  module: {
    rules: [
      {
        test: /\.less$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
          },
          {
            loader: 'less-loader',
          },
        ],
      },
    ],
  },
};

完成上述步骤后，您的 create-react-app 将支持 Less，并且您可以在项目中使用 Less 样式。请注意，这种方式仅适用于 create-react-app 版本2及以上。如果您使用的是旧版本，请参考官方文档进行配置。