Cordova+React+Ant.design项目搭建

小编:管理员 30阅读 2022.09.13

记录一下搭建

1.安装
$ npm install -g create-react-app cordova yarn
复制2.新建cordova项目
$ cordova create testdev
复制

可以看到项目结构

image.png

3.在cordova项目根目录创建react项目
$ create-react-app src
复制

对 ,就叫src,舒服 然后再安装ant.design mobile

$ yarn add antd-mobile
$ yarn add babel-plugin-import react-app-rewired --dev
复制4.进入src目录,修改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",
}
复制5.再src目录下,新建config-overrides.js
const { injectBabelPlugin } = require('react-app-rewired');
module.exports = function override(config, env) {
  config = injectBabelPlugin(['import', { libraryName: 'antd-mobile', style: 'css' }], config);
  return config;
};
复制6.开发时,使用
$ yarn start
复制7.手机调试使用在src目录下
$ yarn build
复制在cordova项目根目录下

卡在gradle的话,网速问题

$ cordova platform add android
$ cordova run android
复制
关联标签: