Skip to content

UMD 格式解析

什么是UMD格式

所谓UMD (Universal Module Definition),就是一种javascript通用模块定义规范,让你的模块能在javascript所有运行环境中发挥作用。

rollup的动态导入

然而在nodejs场景下,codeSplit也没有什么用。rollup主要还是用到浏览器环境,但是他又不支持umd和iife的codeSplit,那么我们怎么实现能让浏览器按需加载rollup打包后的chunk呢。

答案是:可以让rollup打包成system/amd格式,然后通过systemjs/amd来加载。

至于webapp code spliting怎么玩,我们可以按照rollup官网中讲的这个例子来: https://github.com/rollup/rollup-starter-code-splitting

https://q.shanyue.tech/engineering/e733

rullup里面的html注入

因此需要有一个插件自动做这种事情。在 webpack 的世界里,它是 html-webpak-plugin,在 rollup 的世界里,它是 @rollup/plugin-html。

https://q.shanyue.tech/engineering/e735