1.下载node环境
=============
2、安装
npm install -g create-react-app cordova
3、创建cordova项目
cordova create eledev
4、在cordova根目录创建react项目
create-react-app ele //ele项目名称
5、安装ant.design mobile,引入 react-app-rewired 并修改 package.json 里的启动配置,由于新的 react-app-rewired@2.x 版本的关系还需要安装 customize-cra。
npm install antd-mobile --save
npm install react-app-rewired customize-cra --save-dev
修改package.json
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build && ((robocopy .\\build ..\\www /MIR) & exit 0)",
"test": "react-app-rewired test --env=jsdom",
"eject": "react-app-rewired eject"
},
6、项目根目录创建文件config-overrides.js,其内容为
const { override, fixBabelImports } = require('customize-cra');
module.exports = override(
fixBabelImports('import', {
libraryName: 'antd-mobile',
style: 'css',//或者css, true代表运用less
}),
);
7、安装Redux
npm install --save prop-types
npm install --save react-redux
npm install --save redux
8、安装路由
npm install --save react-router-dom
npm install --save react-router-config
9、启动项目
npm start