ant.design能不能直接编译成浏览器直接引用？

ant.design是能直接编译成浏览器直接引用的，具体操作如下：

1. 下载并编译ant-design

git clone https://github.com/ant-design/ant-design.git

cd ant-design

npm i --registry=http://registry.npm.taobao.org

npm run just-deploy

2. 编译完成后在dist目录下antd.js和demo.css就是它的js和css文件，在ant-design根目录下建立测试文件antd-test.html。

。

Ant Design是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。其特性在于企业级金融产品的交互语言和视觉体系，丰富实用的 React UI 组件，基于 React 的组件化开发模式，背靠 npm 生态圈。

Ant Design 提供了常用了Icon ， 使用时只需要点击图标即可完成代码的复制。Icon 自带两个属性，type 定义了图标的类型， spin 定义图标是否有旋转动画。Row / Col 主要用于栅格布局，和BootStrap 的使用十分相似，不同的是 Ant Design 默认把页面分成24份，而不是12份，增加了布局的灵活度。

并且通过Tabs 的切换可以十分高效地在同一个页面中展现不同业务的信息，将每一个 Tab 面板放在 Tabpane 标签里面。如果要实现标签的动态切换，需要在 Tabs 标签中添加 activeKey 属性，且绑定到具体的控制标签切换的state上。