config.ts import { defineConfig } from 'umi'; import routes from './routes' import proxy from './proxy'; export default defineConfig({ hash: true, ant ...
转载
2021-09-10 14:12:00
1332阅读
2评论
欢迎关注前端早茶，与广东靓仔携手共同进阶 前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 前言 umi打包的时候，居然用了30分钟。有必要进行压缩，经过优化后，从30分钟到4分钟。 具体方案 关键插件和umi版本： "umi": "^3.2.24", "compression-webpack-p
原创
2022-05-12 20:24:39
3747阅读
Umi 如何关闭 Mock？ 可以通过配置关闭， export default { mock: false, }; 也可以通过环境变量临时关闭， $ MOCK=none umi dev ...
转载
2021-09-09 16:44:00
1862阅读
2评论
29.9React课程第11节：umi_Dva路由及项目实现(第11节：umi-Dva路由及项目实现&)第11节：umi-Dva路由及项目实现&项目创建创建页面创建目录结构router.jsimport React from 'react';import { Router as DefaultRouter, Route, S...
原创
2023-02-23 21:26:11
652阅读
记录一下最近项目所用到的技术React + Dva + Antd + umi ，以免忘记。之前没有用过它们其中一个，也是慢慢摸索，了解数据整个流程。先了解下概念React
转载
2021-09-09 15:31:59
1142阅读
一、创建项目在WebStorm里面创建一个项目，输入命令：yarn create umi弹出选项，这里我们选择第二项APP。选择是否使用typescript，
原创
2023-07-10 10:20:39
449阅读
Umi 是什么？Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配
原创
2022-07-25 16:35:53
527阅读
一.props.params官方例子使用React router定义路由时，我们可以给<Route>指定一个path，然后指定通配符可以携带参数到指定的path：首先定义路由到UserPage页面: import { Router,Route,hashHistory} from 'react-rou ...
转载
2021-07-23 15:19:00
3085阅读
2评论
reducers: {
save(state, action) {
console.log('getAlarmStatus6', action.payload);
return {
...action.payload,
};
},
/**
* 重置 state
*/
resetState()
原创
2021-09-17 10:35:34
406阅读
一、Next.js介绍 由于umi借鉴了Next.js的很多思想，为了进一步了解umi，所以这章先介绍一下Next.js，从而帮助初学者入门umi。(一）我们构建一个web应用程序是，需要处理以下一些工作量： 1.必须找到一个打包程序，例如webpack打包代码，同时要用Babel等编译器进行代码转换. 2.针对生产环境进行一些优化，例如拆分代码。 3. 为了提升页面的渲染速度，你需要预先渲染页面或者采用SEO,最好除了支持客户端渲染...
原创
2021-06-02 13:35:15
1996阅读
安装 https://www.python.org/downloads/release/python-3104/ Files VersionOperating SystemDescriptionMD5 SumFile SizeGPG Gzipped source tarball Source rel
原创
2022-10-18 12:29:43
106阅读
前言搞安卓的开发应该知道开发好的apk都是需要上传到应用市场给用户下载的，当然有些公司的产品是不用上传到应用市场的（比如我们公司放七牛云）但是也需要放在云上面给用户下载。react-native直接run-android默认是产生一个debug的版本apk显然这是不符合开发需求的，理由很简单debug版本apk是没有进行代码混淆的这是很危险的，所以我们需要个release的版本，下面我们来详细看一
转载
2023-08-07 19:07:36
775阅读
前提准备：1、React项目npm run build打包打包前配置在项目打包之前需要在package.json文件中添加 "homepage": "./"，,避免项目打开后出现空白页面。"homepage": "./", 项目中的接口一定要使用在线接口，不要使用本地接口，要不然打包出来的项目仍然是空白页打包项目根目录，打开终端，运行npm run build运行成功之后，项
转载
2024-03-06 00:50:32
310阅读
使用React开发有一段时间了，下面我就把自己一些心得体会分享给大家。我使用的是create-react-app脚手架生成的项目，这个脚手架一键生成react项目，非常方便，先简单记录一下这个新建项目的过程。一、打包在项目路径下，敲npm run buil，就出现了build文件夹，同时终端显示这些文字：大致意思是：已经编译好啦。build生成的这些东西要放在服务器root下，可以在pakege.
转载
2023-12-01 11:00:51
162阅读
一、react组件：1.组件名称必须大写字母开头。2.组件的定义内容：class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } // 挂载渲染时 ，即组件第一次渲染到dom时 componentDidMount() { } // dom 中删除此组件时，即卸载 componentWillUnm
原创
2021-06-02 13:35:17
620阅读
前言：最近在被react-native打包虐了一个多星期 ， 昨天终于搞定了 ； 现在把打包的过程以及遇到的坑整理出来做个笔记 ， 希望能给遇到相同问题的小伙伴们一个参考。第一步： 材料准备1） 一个已付费的开发者账号 ，苹果开发者账号的类型如下表 ， 根据自己的需求以及实际情况选择申请 ：附上不同证书的区别，请根据自己的需求选择账号类型以及证书类型：2） 一个待发布的 react-native
转载
2023-11-13 15:48:40
60阅读
发布Android教程第一步：从项目根目录进入到android 目录 第二步：使用命令 gradlew clean (mac电脑 ./gradlew clean)清空缓存。注意：./gradlew命令 ，在当前命令行输入chmod +x gradlew后，重新 输入 ./gradlew clean 即可。第三步：使用打包命令 gradlew assembleRele
转载
2023-12-04 11:23:52
95阅读
以下为react-native项目在ios真机调试总结：在mac的terminal进入react-native项目目录，执行react-native run-ios出现如下错误提示：unable to exec Xcode native xcrun(Permission deny)，解决办法是执行sudo xcode-select -switch /Applications/Xcode.app/C
最近想跟着教程，尝试用React做一个SPA项目。记录一下大致的流程。1. 搭建react开发环境使用 react-create-app 脚手架，搭建react开发环境。默认已装好 npm 和 nodejs，终端输入：> npm install -g react-create-app
> create-react-app folder-name这时就已经搭建好了react开发环境。编码
转载
2024-04-02 16:51:43
167阅读
1、UMI提供了可视化antd模板，可以直接添加到项目中修改用 比如将个人中心添加到项目中 2、选择个人中心，确定 3、成功 4、打开项目 5、Route文件也自动添加 根路由有exact:true后面要把工作台移到mainfrm路由中 6、运行报错 7、安装 8、找不到style.less 安装l
转载
2020-02-11 00:04:00
346阅读
2评论
