投稿

umi提速方案MFSU

Vedu • • 程序开发 • 阅读 2288

最近在开发react项目，在npm start启动项目的时候，速度很慢，影响工作效率。并提示尝试新出的 MFSU 方案：

umi提速方案 MFSU

antd pro v5 项目里已经使用了MFSU案例。antd pro v4是需要我们自己配置的。

顺着所给的git地址去看了一下，并结合我的尝试给大家记录一下。

什么是 MFSU？

  • 不管多大的项目，有缓存时启动 1s+，热更新平均 500ms 内
  • 配置 mfsu 开启，无需修改项目代码
  • 基于 webpack 的通用方案，umi 3 项目均可用
  • 可用于生产，可多人协作
  • beta 阶段提供手把手服务群

重点来了，我们如何使用？

1、确保我们的项目是 umi 3 项目，打开项目的package.json文件，查看下dependencies：

umi提速方案 MFSU

如图所示，我的项目是umi3的，可以使用。

2、修改依赖的umi 版本为 “^3.5.0”

可以直接改上图的umi，删除node_modules,重新装依赖，npm install 一下。

  "umi": "^3.5.0"

也可以直接在终端输入命令：

npm install umi@3.5 --save
// or
yarn add umi@3.5

3、在config.ts或者是config.js里修改配置

export default defineConfig({
  mfsu: {},
  webpack5: {},
  ...
});
umi提速方案 MFSU

上面的mfsu加上了，还要加上webpack5,刚开始我没加webpack5，就出现了下面的报错。

umi提速方案 MFSU

4、然后 npm start ，项目就成功启动了。

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/26486.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2021-08-05 06:40
下一篇 2021-08-05 06:46

相关推荐

发表评论

登录后才能评论