无法使@ant-design/pro-layout的样式与“create-react-app”一起使用

Question

我正在尝试在创建反应应用typescript项目中使用

我无法使用@ant design/pro layout的样式。组件负载良好，但LESS负载不佳。

除了遵循创建-反应-应用的教程用法之外，还有什么特别的事情要做吗？

Answer 1

我遇到了同样的问题。根据我对 React 新手的理解，创建-反应-应用程序不会编译得更少，尽管它对 sass 和 scss 也是如此。

所以你有2（1）个选项，如antd留档中所述。

1. 安装craco包以处理此处的.less文件或
2. 弹出。（此处回答弹出）。注入后，您可以选择较少的加载程序并修改webpack.config.js。在webpack.config中。必须添加的js：

{
  test: /\.less$/,
  use: [
    { loader: "style-loader" },
    { loader: "css-loader" },
    {
      loader: "less-loader",
      options: {
        lessOptions: {
          javascriptEnabled: true,
        }
      }
    }
  ]
},