next.js 引入antd

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

根目录新建 .babelrc

{
    "presets": [
        "next/babel"
    ],
    "plugins": [
        [
            "import",
            {
                "libraryName": "antd",
                "libraryDirectory":"lib",
                "style": "css"
            }
        ]
    ]
}

新建 next.config.js 文件（仅设置了css引入）

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

if (typeof require !== 'undefined') {
    require.extensions['.css'] = (file) => {}
}

module.exports = withCss({})

 

bug：当打包的时候，会包css的错误，解决方法

"style": "css" 这行去掉

在page 下新建 _app.js

import App from 'next/app'
import 'antd/dist/antd.css'


export default App

全局引入样式，重新打包即可