如何在服务器端渲染中使用ant设计？

Question

我想在服务器端渲染反应应用程序项目中使用ant设计。如何在服务器端渲染中导入antd？

import {
  Icon, Form, Input, Button, Upload, Select, Badge,
  Avatar, Divider, Checkbox, DatePicker, Row, Col, Carousel 
} from 'antd';

Answer 1

使用ant-design检查next.js示例：https://github.com/zeit/next.js/tree/canary/examples/with-ant-design

Answer 2

如果有或使用cdn，则可以从本地路径导入CSS

<link href="https://cdnjs.cloudflare.com/ajax/libs/antd/3.11.2/antd.css">

导入没有任何变化

编辑：

如果您想覆盖一些较少的变量，我正在使用lessc并从ant较少构建css，因此在package.json中是脚本

"build:antd": "lessc --js --modify-var=@layout-body-background=#ffffff ./node_modules/antd/dist/antd.less > dist/ant.css", 

并运行它：

npm run build:antd

然后以html格式导入此CSS