nextjs如何支持antd

Question

使用nextjs框架，如何引入antd,并按需加载。

Answer 1

参考 https://github.com/zeit/next....

Answer 2

将antd相关的文件引入即可

Answer 3

yarn add antd
yarn add babel-plugin-import

// .babelrc
{
  "presets": ["next/babel"],
  "plugins": [
    [
      "import",
      {
        "libraryName": "antd",
        "style": "css" // `style: true` 会加载 less 文件
      }
    ]
  ]
}

//使用
import { Button, Switch } from "antd";

<>
    <Button>Index page</Button>
    <Switch defaultChecked onChange={onChange} />
  </>

Answer 4

同问，你解决了吗