Appearance
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。