2023年6月20日发(作者：)

集成cssantdnext使⽤ @zeit/next-css ⽀持import css安装：npm install --save @zeit/next-css || yarn add @zeit/next-css配置：// // next⽀持import cssconst withCSS = require('@zeit/next-css')s = withCSS({ /* config options here */})

next集成antd安装：yarn add antd && yarn add babel-plugin-import --dev　配置：// .babelrc// 重写扩展next的babel默认配置{ "presets": ["next/babel"], // antd babel-plugin-import 配置 style：true 优化打包 "plugins": [["import", { "libraryName": "antd"}]] // style:css 选项配置与webpackmincss有bug}全局引⼊:// pages/_// 重写覆盖next的rt App, { Container } from "next/app";import Layout from "../components/Layout";import {Provider} from 'react-redux'import withRedux from '../lib/with-redux'import "antd/dist/";class MyApp extends App { render() { const { Component, pageProps, reduxStore } = ; return ( ); }}export default withRedux(MyApp)　　使⽤：import { Button } from 'antd';export default ({counter, user, add, rename}) =>

　　以上。　

2023年6月20日发(作者：)

集成cssantdnext使⽤ @zeit/next-css ⽀持import css安装：npm install --save @zeit/next-css || yarn add @zeit/next-css配置：// // next⽀持import cssconst withCSS = require('@zeit/next-css')s = withCSS({ /* config options here */})

next集成antd安装：yarn add antd && yarn add babel-plugin-import --dev　配置：// .babelrc// 重写扩展next的babel默认配置{ "presets": ["next/babel"], // antd babel-plugin-import 配置 style：true 优化打包 "plugins": [["import", { "libraryName": "antd"}]] // style:css 选项配置与webpackmincss有bug}全局引⼊:// pages/_// 重写覆盖next的rt App, { Container } from "next/app";import Layout from "../components/Layout";import {Provider} from 'react-redux'import withRedux from '../lib/with-redux'import "antd/dist/";class MyApp extends App { render() { const { Component, pageProps, reduxStore } = ; return ( ); }}export default withRedux(MyApp)　　使⽤：import { Button } from 'antd';export default ({counter, user, add, rename}) =>

　　以上。