我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

由于一系列众所周知的原因,获得一个umd版本的mobx.js是有一些难度的。苏南大叔也不想借助于cdn的帮助。所以,想从github上找到合适的release。然而,清高的程序员们,总是喜欢公开源码,而不肯公开release成品。自然是找不到所需要的mobx.umd.production.min.js...

苏南大叔:mobx源码,如何编译?如何获得umd版本的最新mobx? - 编译mobx源码
mobx源码,如何编译?如何获得umd版本的最新mobx?(图6-1)

苏南大叔的“程序如此灵动”博客,记录苏南大叔的代码编程经验总结。本文测试环境:nodejs@20.18.0mobx@6.13.5yarn@1.22.22。本文讲述mobx相关源码编译的过程。

下载源码

目前最新版本的mobx的源码下载地址是:

解压到的源码,第一件事情,就是观测package.json里面的scripts字段,它是了解一个未知项目的最基本最有效的手段。

苏南大叔:mobx源码,如何编译?如何获得umd版本的最新mobx? - package-json-scripts
mobx源码,如何编译?如何获得umd版本的最新mobx?(图6-2)

得到的有效信息是yarn,基于yarn的一个项目。

准备yarn

npm i yarn -g
yarn config set registry http://registry.npm.taobao.org

安装依赖

yarn

遇到的问题就是:

info There appears to be trouble with your network connection. Retrying...

解决的方案就是,切换成了手机的热点。

苏南大叔:mobx源码,如何编译?如何获得umd版本的最新mobx? - 网络问题解决方案
mobx源码,如何编译?如何获得umd版本的最新mobx?(图6-3)

另外一个问题是证书的问题。

npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/yarn-deduplicate failed, reason: certificate has expired

苏南大叔:mobx源码,如何编译?如何获得umd版本的最新mobx? - 证书问题
mobx源码,如何编译?如何获得umd版本的最新mobx?(图6-4)

构建成品

yarn run release

苏南大叔:mobx源码,如何编译?如何获得umd版本的最新mobx? - 构建成品
mobx源码,如何编译?如何获得umd版本的最新mobx?(图6-5)

获得目标文件

packages\mobx\dist下面,就可以得到mobx.umd.production.min.js文件了。当然,在dist目录下面,还可以找到很多其它的成品构建结果,自取。

苏南大叔:mobx源码,如何编译?如何获得umd版本的最新mobx? - 成品结果
mobx源码,如何编译?如何获得umd版本的最新mobx?(图6-6)

相关文章

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   mobx