牛骨文教育服务平台(让学习变的简单)
博文笔记

蚂蚁金服UI(Ant Design of React)

创建时间:2017-05-23 投稿人: 浏览次数:3557

基于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页面



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


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。