主要要安装两个模块
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 ()=><Button>1</Button>