UmiJS

首页 > TAG信息列表 > UmiJS

umijs如何使用封装好的Lottie动画

lottie：设计师制作动画，并提供json文件。前端可以使用对应的api操作时间流，对动画进行一些事件上的操作。官网文档： https://github.com/airbnb/lottie-web 一. 下载依赖 npm install lottie-web 二. 在组件内引用 import lottie from 'lottie-web'; 三.引入json文件 Lottie默认读

npm报错error:0308010C:digital envelope routines::unsupported

error:0308010C:digital envelope routines::unsupported 出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 及以上版本

记录一个可以给umijs ant-design-pro sitemap.xml站点地图的工具

是个在线工具，把路由信息复制进去，就可以在线生成。 sitemap(umijs-seo)是一款为umijs(react，ant-design-pro)单页面应用提供生成站点地图的一键生成工具。 https://www.liukeke.com/tools/sitemap

UmiJS开发技巧

UmiJS开发技巧洛竹 2020年06月23日 18:48 · 阅读 11807 关注鉴于 UmiJS 是重度的封装了很多工具和功能，对于刚接触的人形成了一层技术壁垒（大佬请忽略这句话）。所以我总结了使用UmiJS 开发中遇到的坑和技巧。本地开发 umi dev 时关闭 mock 参考: 希望本地开发 umi

UmiJS使用dav的几种方式

1.阿萨达萨达阿萨达阿萨达 proxy: { '/api': { // 匹配：接口前缀是/api的接口走这个请求代理 'target': 'http://localhost:9000/',// 代理服务器转发到服务器接口地址 'changeOrigin': true, 'pathRewrite': { '^/api': '/api

UmiJS开发之——快速上手

一 Umi是什么 Umi，中文可发音为乌米，是蚂蚁金服的底层前端框架，也是可扩展的企业级前端应用框架Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展Umi配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业

umijs开启dva-immer

我们在用dva或者用react-redux的时候，在用到reducer的时候是这样写的： dva中： state: { name:[], count:0 }, reducers: { add(state){ return{ ...state, count:state.count+1 } }, changeName(state,{ payload }){

umi3 + qiankun 快速搭建微应用实践

1、创建主应用mian-pro 1-1）umijs创建项目： mkdir main-pro && cd ./main-pro && yarn create @umijs/umi-app 1-2）安装依赖和qiankun插件： yarn yarn add @umijs/plugin-qiankun -D 1-3）配置.umirc.ts 需要修改路由和配置qiankun为应用入口 routes: [ { path: '/', comp

umijs 开发优化和生产优化

.umirc.ts import { defineConfig } from 'umi'; import dev from './config/dev'; import prod from './config/prod'; console.log(process.env.NODE_ENV); const envConfig = 'development' === process.env.NODE_ENV ? dev : p

umijs 设置请求代理

设置请求代理：.umirc中设置。可以将当前访问域名的请求转发到指定域名下。用于跨域代理开发，开发完后放入指定服务器中。 //请求代理 proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true, pathRewrite: { '^/api/': '/api/'

umijs引入link、router报错

1.引入Link时控制台输出：umi/link in ./src/pages/index.tsx * To install it, you can run: npm install --save umi/link import Link from "umi/link" 修改成以下方式 import {Link} from "umi" 2.引入router，页面不跳转 import router from 'umi/router'; <

微前端中，为子应用配备开发环境临时导航菜单，提高开发效率

首发于语雀文档场景子应用开发过程中，势必需要频繁地切换菜单 ,但因为子应用打包后是要接入到基座的，因此不能有菜单等。但如此的话，日常的开发又会不方便，甚至影响开发效率。但我的个人直觉，貌似更正确的做法是：将子应用直接接入到基座中开发调试，因此目前场景下，我们需要

UmiJS基础&UmiJS+Dva

Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。 1️⃣了解Umi 你可以将Umi

react工程化项目搭建主流技术 umi3.0（或者<3.0版本）+ dva + antd构建项目流程

umi+ dva + antd构建react工程项目（组件化开发搭建项目）1.官方网站安装node.js（并确保 node 版本是 10.13 或以上）2.先确保安装成功npm或者yarn3.npm i yarn tyarn -g (国内源)4.如果你没有 npx，需要先安装它,用于执行 node_modules 下的命令 yarn global add npx5.开始构建项目先区分

记录

https://github.com/umijs/umi-request

Ant Design Pro 脚手架+umiJS 实践总结

一、简介 1、Ant Design Pro Ant Design Pro是一款搭建中后台管理控制台的脚手架，基于React,dva.js,Ant Design （1）其中dva主要是控制数据流向，是纯粹的数据流，用作状态管理使用React技术栈管理大型复杂的应用往往要使用Redux来管理应用的状态，然而随着深度使用，Redux也暴露出了一些问