umi - 随笔分类 - 漫思

umi3中base64的值

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

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

H5 分包实现首屏加载时间优化

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

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

【避坑指“难”】umi3分包优化，提升首屏加载时间

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

posted @ 2023-06-16 15:01 漫思阅读(863) 评论(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 漫思阅读(938) 评论(0) 推荐(0)

umi3 如何兼容IE11的全面教程

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

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

umi devserver会报错什么，该怎么处理

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

posted @ 2023-02-14 18:36 漫思阅读(29) 评论(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 漫思阅读(123) 评论(0) 推荐(0)

Umi 4 RC 发布

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

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

umi的mock

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

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

【前端开发测试】umi 的 mock 功能

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

posted @ 2022-03-21 19:53 漫思阅读(730) 评论(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 漫思阅读(742) 评论(0) 推荐(0)

UmiJS开发技巧

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

posted @ 2022-02-20 18:42 漫思阅读(1239) 评论(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 漫思阅读(2094) 评论(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 漫思阅读(2279) 评论(0) 推荐(0)

umi中的yran和npm的区别

摘要：可以互换阅读全文

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

umi配置extraPostCSSPlugins详解

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

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

umi的路由

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

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

漫思

随笔分类 - umi