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
                    復制
                    關聯標簽:
                    无码精品人妻一区二区三区软件