next.js 集成antd 小结

chen_晨风

于 2019-08-12 23:46:02 发布

阅读量1.4k

点赞数

分类专栏： React 文章标签： nexjs uI style

本文链接：https://blog.csdn.net/qq_37674616/article/details/99352173

版权

本文总结了在Next.js中集成Ant Design的步骤，包括按需加载和CSS处理。通过官方示例，介绍了如何安装必要的依赖，并配置Webpack来过滤不必要的文件，强调了查阅官方文档的重要性。

摘要由CSDN通过智能技术生成

开篇

关于next集成Ant Design,网上方案不全也有可能由于next升级导致不能使用，在这里推荐next官方demo案例，如果你想直接使用则下载demo即可，下面是我在摸索中的一些总结。

首先无论你引入那种UI，在next中是不支持加载.css、.scss、.less文件,下面采用官方方案，以css为例:

npm install --save @zeit/next-css

在next.config.js添加如下代码

//next.config.js
const withCss = require('@zeit/next-css')
module.exports = withCSS({
   
  /* config options here */
  
})

npm install antd --save

npm babel-plugin-import --save

根目录创建

关注

专栏目录