react 脚手架
React、
2017-08-23
资料整理
主要的特性：
- 无需配置；
- 集成了对
React,JSX,ES6和Flow的支持； - 集成了开发服务器；
- 配置好了浏览器热加载的功能；
- 在
JavaScript中可以直接import CSS和图片； - 自动处理
CSS的兼容问题，无需添加-webkit前缀； - 集成好了编译命令，编译后直接发布成产品，并且还包含了
sourcemaps。
值得注意：
Node的版本必须 >= 4，推荐Node>= 6 andnpm>= 3；- 运行起来后浏览器已经实现了热加载刷新，修改代码保存后浏览器会自动刷新；
- 执行
npm test或yarn test可以执行测试动作。； - 编译项目执行
npm run build或yarn build；
usage
- 先去安装全局的命令
npm install -g create-react-app
- 进入你想要的文件下目录下创建自己都react应用
create-react-app ant-react // ant-react自己项目应用的名称
- 启动服务
cd ant-react
npm run start
生成的目录结构如下
ant-react
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│ └── favicon.ico
│ └── index.html
│ └── manifest.json
└── src
└── App.css
└── App.js
└── App.test.js
└── index.css
└── index.js
└── logo.svg
└── registerServiceWorker.js
- 编译
npm run build
蚂蚁金服 ant.design react脚手架
修改 src/App.js, 引入 antd 的组件。
import Button from 'antd/lib/button';
修改 src/App.css, 在文件顶部引入 antd/dist/antd.css。
@import '~antd/dist/antd.css';