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
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐