首页 > 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也暴露出了一些问