在同一项目中使用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"]
  ]
}