Cordova+React+Ant.design項目搭建
小編:管理員 435閱讀 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進來的地方。它為網絡應用和移動設備之間的連…
- Hibernate Criterion 在查詢方法設計上能夠靈活的依據Criteria的特點來方便地進行查詢條件的組裝.Hibernate設計了CriteriaSpecification作為Criteria的父接口,以下提供了Criteria和DetachedCriteria.Criteria和DetachedCriteria的主要差別在于創建的形式不一樣,Criteria是在線的,所…