蚂蚁金服UI(Ant Design of React)

来源:互联网 发布:铁路四等站 知乎 编辑:程序博客网 时间:2024/06/05 16:21

基于npm+webpack+babel的工作流,支持ES2015和TypeScript

官网:https://ant.design/index-cn

安装:推荐使用cnpm

$ cnpm install dva-cli -g

使用:

1.创建项目并进入项目

$ dva new [ProjectName]
$ cd [ProjectName]

2.引入antd

$ cnpm install antd --save

3.引入按需加载插件

$ cnpm install babel-plugin-import --save-dev
4.使插件生效: 编辑项目下的.roadhogrc文件中的extraBabelPlugins属性下添加

  ["import", { "libraryName": "antd", "style": "css" }]

5.启动 

$ npm start

启动后将自动打开:localhost:8000页面



这事就表示现在项目创建并运行成功


原创粉丝点击