Cordova+React+Ant.design項目搭建
小編:管理員 677閱讀 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復制
相關推薦
- Cordova 什么是Cordova? Cordova是用于使用HTML,CSS和JS構建移動應用的平臺。我們可以認為Cordova是一個容器,用于將我們的網絡應用程序與本機移動功能連接。默認情況下,Web應用程序不能使用本機移動功能。這就是Cordova進來的地方。它為網絡應用和移動設備之間的連…
- 3DMAX提示和技巧 本主題標識使用 Civil View 的一些重要提示和技巧。常規使用屏幕分辨率至少為 1280x1024 的 Civil View。低于此分辨率時,一些面板將占用過多屏幕空間。 將視口設置為線框顯示以達到最佳性能。 要盡可能簡化用戶界面,請在單個視口中工作并關閉 3ds Max 命令面…