在同一项目中使用antd（React）和antd-mobile（React）

Question

我正在使用NextJs，想知道如何配置webpack使其同时支持antd和antd。

当前，无法正确配置Webpack

Answer 1

在您的next.config.js中，将antStyles = /antd\/.*?\/style\/css.*?/更改为antStyles = /antd.*?\/.*?\/style\/css.*?/。这基本上改变了正则表达式以匹配antd和antd-mobile。

然后将.babelrc设置为

{
  "presets": ["next/babel"],
  "plugins": [
    ["import", { "libraryName": "antd", "style": "css" }, "antd"],
    ["import", { "libraryName": "antd-mobile", "style": "css" }, "antd-mobile"]
  ]
}