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