Node.js实践手记（17）：UmiJS升级版如何操作？

本文共计1136个文字，预计阅读时间需要5分钟。

2020年我初到公司时，公司使用的版本还是1.0。为了引入微前端，版本迟迟未升级。一、从1.0到2.0，官方文档中有一页专门讲解如何升级，用户体验非常好。

　　在2020年我刚到公司的时候，公司使用的版本还是1.0，之后为了引入微前端，迫不得已被动升级。

一、从 1.0 到 2.0

　　在官方文档中，有专门一页讲如何升级的，这个用户体验非常好。

　　一个清单列的非常清楚，内容不多，让我信心大增。并且自己之前也曽依托 umi 2.0开源过一套系统。

　　所以在实际操作中，升级遇到的阻力没有我想象中的那么大，但期间还是遇到了些难缠的问题，诸如页面空白，文件不存在等。

　　具体的改造其实就那么几步，升级和替换依赖库，更正路由配置，去除过时文件等。

　　改造好后，自己粗略的刷刷页面，没啥问题，然后就开心地发布到预发环境。但是在生成source map文件时，报内存栈溢出。

　　source map文件主要用于监控系统中的代码还原，在实际使用中用的比较少，那就先暂时关闭了。

　　不过在生产发布的时候，又会报没有source map文件，因为生产有个将文件搬移到指定位置的脚本，得把这个脚本也关闭。

二、从 2.0 到 3.0

　　为了能更好的引入TypeScript，提升项目代码质量的主动升级，根据官方给出的升级文档进行了改造。

1）router改造

　　原先 component 中的路径可以包含斜杠，现在不行，因为Recommend 目录中没有默认的 index.js 文件。