安装umi后，使用umi提示不是内部或者外部命令

Posted 2023-05-08

参考技术A umi推荐使用yarn安装，安装umi后，使用umi提示不是内部或者外部命令。（'umi' is not recognized as an internal or external command,operable program or batch file.）

根源在于yarn的 global bin 目录不在 path 环境变量的中，解决办法：

umi vendors 包体积较大处理

参考技术A 参考文章： https://www.jb51.net/article/151976.htm

cross-env 报错不是内部或外部命令 需要独立安装 npm install -g cross-env
通过命令 npm run analyze 即可运行，默认serve：http://127.0.0.1:8888

parsed大小：vendors.js 2.51m umi.js 2.17m
gzip大小：vendors.js 790k umi.js 580k

parsed大小：vendors.js 526k umi.js 1.54m
gzip大小：vendors.js 143k umi.js 425k

~ 抽点时间再补充下
把修改的部分粘出来
有几点问题说明下：
1.vendors 修改了test的验证范围，发现结果也没有很大变化，不知道是哪里除了问题，而且vendors包变的很小，umi包反而比较大。
2.default：这里的 reuseExistingChunk: true 复用其他chunk内已拥有的模块 当chunks引用了已经存在的被抽离的chunks时不会新创建一个chunk而是复用chunk。 参考文章
这里贴一个default minChunks配置的效果：
minChunks:1

minChunks:2

几点说明一下：
① vendors 的 test 修改为mode_modules下的所有引入包。
② 针对vendors的配置，把 antdesigns 和 jsdk 的priority优先级调高，抽离出对应插件包模块。
③ 相应的umi.js会自动打包剩余react相关必备核心框架包。
④ 对于default的minChunks配置，线上我可能还是会改为2，当前所有page都被打包进来了。

这次结果基本很理想了，拆包已经很小了，包结构功能基本也比较清晰。
react/umi/dva核心模块,antd视图框架模块，lodash/moment等第三方插件，async-commons页面/default组件包模块。

不过对于vendors下的rc-table、rc-select等rc开头的插件还不是很理解，后期继续学习。

~ 暂时先这样，后面有时间再研究研究。写个记录备忘。目前还有些不明白的地方。~~