在同一项目中使用 antd(React) 和 antd-mobile(React)

Question

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

目前，无法正确配置 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"]
  ]
}