在 umijs 项目中使用 Monaco Editor 的配置 安装相关包yarn add monaco-editor、yarn add monaco-editor-webpack-plugin、yarn add react-monaco-editor添加 chainWebpack 配置 import MonacoWebpackPlugin from 'monaco-editor-webpack

umijs 服务端渲染（SSR） 指南 Umi 是什么？ Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。 Umi 是蚂蚁集团的底层前端框架，已直接或间接地服务了 3000+ 应用，包括 jav

报错问题现象 1、在没有 "node" 模块解析策略的情况下，无法指定选项 "-resolveJsonModule"。 2、类型“JSX.IntrinsicElements”上不存在属性“div”。 解决办法 试了很多都没用，最后是参考这位朋友的解决了 vite+vue3搭建工程标红报错解决_在没有 "node" 模块解析策略的情况下,无法指定选项 "-resolvejsonmodule

首先，在umijs中，document.ejs文件就对应index.html， 官方原话： 1、 新建 src/pages/document.ejs，umi 约定如果这个文件存在，会作为默认模板 2、模板里可通过 context 来获取到 umi 提供的变量，context 包含： route，路由信息，需要打包出多个静态 HTML 时（即配置了 exportStatic 时）有效 c

根据官方文档给与的方法 在根目录下创建 .env 文件，将官网内容复制到文件中，关闭项目，重新打开编辑器，打开项目，即可生效。 PORT=3000 BABEL_CACHE=none

场景： 打包出来单个js文件体积过大，网页加载太慢，尤其是包含图表的页面。 安装umi-webpack-bundle-analyzer 关于 webpack-chain：通过 webpack-chain 的 API 扩展或修改 webpack 配置 npm install --save-dev umi-webpack-bundle-analyzer 在.umirc.js或config/

首先通过npm run analyze 查看打包后的文件进行观察，哪些包的体积大，然后分解开 体积较大的文件:echarts、wangeditor、antd、moment.js package.json 文件配置 .umirc.ts配置文件 1. 分包配置 通过 webpack-chain 的 API 修改 webpack 配置。 chunks: process.env

上文搭建Umijs环境并创建一个项目 介绍基本操作中 我们构建了一个Umijs环境的环境 但也只创建了一个页面 真正开发来讲 也不可能只创建几个界面这么简单 这里面的创建 还是非常完整的 这里 我创建一个文件夹 主要是做我们的项目目录 然后 我们在终端输入命令 然后 打开目录终端输入 npm create umi 然后 会弹出对话框 需要我们选择 这里问我们需要创建一个什么样的项目

我的版本如下: "@ant-design/pro-components": "^2.0.1","@umijs/max": "^4.0.46","antd": "^5.0.0" 方法一：失败 删除node_modules，重新 `npm install`，运行后还是报错。可以试试 方法二：解决 更新包后，再重启项目，报错消失。 npm update @ant-desi