使用dva脚手架创建antd-design开发环境 并处理跨越 (附 github 源码)

dva 是一个基于 React 和 Redux 的轻量应用框架,概念来自 elm,支持 side effects、热替换、动态加载、react-native、SSR 等

  1. 安装 dva-cli

    $ npm install dva-cli -g
    $ dva -v
    0.8.2
    
  2. 创建新应用

    $ dva new corsDemo
    

    这会创建 corsDemo 目录,包含项目初始化目录和文件,并提供开发服务器、构建脚本、数据 mock 服务、代理服务器等功能。

  3. 运行项目

    $ npm start
    

浏览器出现dva的欢迎页面

这里写图片描述

使用 antd

通过 npm 安装 antd 和 babel-plugin-import 。babel-plugin-import 是用来按需加载 antd 的脚本和样式的,

  1. 引入antd

    cnpm install antd --save  
    
  2. 引入按需加载插件

    cnpm install babel-plugin-import --save-dev 
    
  3. 使

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值