NEXT 集成antd

主要要安装两个模块

yarn add @zeit/next-css  antd  babel-plugin-import

在项目文件下创建next.config.js

const withCss = require("@zeit/next-css");

if (typeof require !== "undefined") {

  require.extensions[".css"] = file => {};

}

module.exports=withCss({})

在在项目文件下创建.babelrc

{

    "presets":["next/babel"],

    "plugins":[

        [

            "import",

            {

                "libraryName":"antd"

            }

        ]

    ]

}

然后在项目page下创建._app.js

import App from "next/app";

import "antd/dist/antd.css";

export default App;

最后就可以在index.js中使用了

import {Button} from 'antd'

export default ()=>1