@next.js

@nextjs.md

next.js + ant-design

• 项目根目录创建 babel.config.js

module.exports = {
  presets: ['next/babel'],
  plugins: [
    [
      'import',
      {
        libraryName: 'antd',
        libraryDirectory: 'lib',
        style: function (name) {
          return `${name}/style/index.css`;
        }
      }
    ],
    [
      'import',
      {
        libraryName: '@ant-design/icons',
        libraryDirectory: 'lib/icons',
        camel2DashComponentName: false
      },
      '@ant-design/icons'
    ]
  ]
};

• yarn add -D babel-plugin-import

• 处理按需引入menu等组件时动画效果异常问题

// [_app.js] append
import "antd/lib/style/index.css";