美文网首页
搭建Ant Design React 项目

搭建Ant Design React 项目

作者: 席坤 | 来源:发表于2018-07-14 10:27 被阅读233次

开发环境

通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。

npm install dva-cli -g

 dva -v

dva-cli version 0.9.1

支持环境

现代浏览器及ie9以上

创建新应用

 dva new dva-quickstart

使用 antd

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

 npm install antd babel-plugin-import --save

编辑 .webpackrc,使 babel-plugin-import 插件生效。

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

路由配置

路由2.0文档地址:http://react-guide.github.io/react-router-cn/docs/guides/basics/RouteConfiguration.html

路由4.0参考:https://www.jianshu.com/p/e3adc9b5f75c/

启动及打包

执行npm run start 

打包部署执行npm run build 就可部署了。

相关文章

网友评论

      本文标题:搭建Ant Design React 项目

      本文链接:https://www.haomeiwen.com/subject/oaiepftx.html