随笔分类 -  umi

umi3中base64的值
摘要:inlineLimit Type: number Default: 10000 (10k) 配置图片文件是否走 base64 编译的阈值。默认是 10000 字节,少于他会被编译为 base64 编码,否则会生成单独的文件。 阅读全文

posted @ 2023-12-18 22:40 漫思 阅读(19) 评论(0) 推荐(0) 编辑

H5 分包实现首屏加载时间优化
摘要:H5 分包实现首屏加载时间优化 H5 分包实现首屏加载时间优化 一、为什么首屏加载需要优化 二、分析产物 三、分包实现 四、解析 splitChunks H5 分包实现首屏加载时间优化 一、为什么首屏加载需要优化 因为做了很多事情: 初始化 webView -> 请求页面 -> 下载数据 -> 解析 阅读全文

posted @ 2023-06-16 15:09 漫思 阅读(148) 评论(0) 推荐(0) 编辑

【避坑指“难”】umi3分包优化,提升首屏加载时间
摘要:提升首屏加载时间原理:把大体积的包,分成多个小体积的包进行加载,减少请求时间 chainWebpack配置 在 umi.js 或者 umi.ts 或者 .umirc.js 或者 config.js 中配置,使用 webpack 的优化模块optimization.splitChunks实现。 chu 阅读全文

posted @ 2023-06-16 15:01 漫思 阅读(706) 评论(0) 推荐(0) 编辑

react性能优化篇之umi.js打包去掉console和开启gzip压缩
摘要:react性能优化篇之umi.js打包去掉console和开启gzip压缩 工边页字 2022年05月31日 17:33 · 阅读 1162 本人已参与「新人创作礼」活动,一起开启掘金创作之路。 前言 本次打包针对react --version 17.0.2 和 umi --verison 3.5 阅读全文

posted @ 2023-06-16 15:01 漫思 阅读(734) 评论(0) 推荐(0) 编辑

umi3 如何兼容IE11的全面教程
摘要:umi3 如何兼容IE11的全面教程 阅读全文

posted @ 2023-02-14 18:37 漫思 阅读(123) 评论(0) 推荐(0) 编辑

umi devserver会报错什么,该怎么处理
摘要:umi devserver会报错什么,该怎么处理 阅读全文

posted @ 2023-02-14 18:36 漫思 阅读(15) 评论(0) 推荐(0) 编辑

umi3 部署
摘要:umi3 部署 Felicity_Gao关注IP属地: 山西 2021.09.01 10:22:00字数 248阅读 1,514 一、部署在非根目录下的配置 umi3项目的路径默认是根目录,当部署在非根目录下时其路由配置会出问题导致访问到的文件为空,这就需要我们在umi.rc(或者config)文件 阅读全文

posted @ 2023-02-10 10:33 漫思 阅读(85) 评论(0) 推荐(0) 编辑

Umi 4 RC 发布
摘要:Umi 4 RC 发布 陈成 ​ 阿里老前端,Umi & Dva 等开源库作者。 ​关注他 136 人赞同了该文章 大家好,Umi 4 经过几个月的开发,终于要和大家见面了。相比 Umi 2 到 3,3 到 4 的变化是巨大的,开发时间也更长,但我们尽量把对于开发者的影响降低到最小。按捺住激动的心情 阅读全文

posted @ 2022-04-13 14:28 漫思 阅读(283) 评论(0) 推荐(0) 编辑

umi的mock
摘要:Mock 数据 Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发独立自主,不会被服务端的开发所阻塞。 约定式 Mock 文件 Umi 约定 /mock 文件夹下所有文件为 mock 文件。 比如: . ├─ 阅读全文

posted @ 2022-03-21 19:53 漫思 阅读(1154) 评论(0) 推荐(0) 编辑

【前端开发测试】umi 的 mock 功能
摘要:umi 里约定 mock 文件夹下的文件即 mock 文件,文件导出接口定义,支持基于 require 动态分析的实时刷新,支持 ES6 语法,以及友好的出错提示,详情参看 umijs.org。 export default { // 支持值为 Object 和 Array 'GET /api/us 阅读全文

posted @ 2022-03-21 19:53 漫思 阅读(677) 评论(0) 推荐(0) 编辑

umi的HTML 模板
摘要:HTML 模板 修改默认模板 新建 src/pages/document.ejs,umi 约定如果这个文件存在,会作为默认模板,比如: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>Your App</title> </h 阅读全文

posted @ 2022-02-20 18:42 漫思 阅读(692) 评论(0) 推荐(0) 编辑

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

posted @ 2022-02-20 18:42 漫思 阅读(1133) 评论(0) 推荐(0) 编辑

umi如何在主文件(类似index.html)document.ejs中引入js文件
摘要:1、在umi的public文件夹里加入这个文件 vconsole.min.js 2、在html文件或者ejs文件上加这句话 <script src="<%= context.config.publicPath %>vconsole.min.js"></script> 阅读全文

posted @ 2022-02-20 18:08 漫思 阅读(1965) 评论(0) 推荐(0) 编辑

解决umi无法直接引用css和less
摘要:umi使用CSS Modules是为了防止全局样式污染,如果想直接引用css或less,只需要在umirc.js配置: export default { // other settings plugins: [ // ref: https://umijs.org/plugin/umi-plugin- 阅读全文

posted @ 2021-12-08 19:07 漫思 阅读(2145) 评论(0) 推荐(0) 编辑

umi中的yran和npm的区别
摘要:可以互换 阅读全文

posted @ 2021-10-16 11:44 漫思 阅读(40) 评论(0) 推荐(0) 编辑

umi配置extraPostCSSPlugins详解
摘要:extraPostCSSPlugins为了定义定义额外的 PostCSS 插件,格式为数组。 什么是PostCss 是一个用 JavaScript 工具和插件转换 CSS 代码的工具。官网:https://www.postcss.com.cn/。 Autoprefixer 插件就是PostCss插件 阅读全文

posted @ 2021-07-22 17:51 漫思 阅读(1727) 评论(0) 推荐(0) 编辑

umi的路由
摘要:在页面上获取 {props.match.params.id} 在页面上定义 { path: '/a1/:id?', component: '../pages/a1' }, 阅读全文

posted @ 2021-04-23 21:31 漫思 阅读(411) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示