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

Question

我正在尝试@ant-design/pro-layout在一个create-react-app typescript项目中使用。

我无法让样式@ant-design/pro-layout工作。组件加载良好，但 LESS 没有。

除了按照教程使用 withcreate-react-app之外，还有什么特别要做的吗？

Answer 1

我遇到了同样的问题。据我了解，我是 React 的新手，create-react-app不会编译更少，尽管它是为 sass 和 scss 编译的。

因此，您有antd 文档中所述的 2(+1) 个选项。

1. 安装craco包来处理 .less 文件，如此处 或
2. 喷射。（这里eject回答的问题的答案）。注入后可以选择less-loader并修改webpack.config.js。在 webpack.config.js 你必须添加：

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

javascriptEnabled: true不要忘记。

3. 我找到了另一种不弹出的方法（我还没有测试过）。

我个人手动弹出并配置了 webpack。