前端多个项目公共模块如何管理与更新？

Question

如图，假如我多个项目都引用了一个公共模块(可以看作是一个header或footer)，这个模块单独维护。

现在有几种思路：

1. npm包(现有私有仓库)

2. git submodule

3. iframe引用

4. ajax异步加载

5. 写一个纯js文件动态生成DOM与样式存放CDN并在各项目中引用。

第一二种方案更符合模块化的思想。但是只能在开发构建的时候引用打包生成，假如变更了公共模块，全部项目要更新公共模块构建后再上线，如果项目多了就很麻烦了。
第三四五种方案能实现，但感觉有点不友好，有更好的解决方案吗？

Answer 1

当然是第一种啦！我们公司就是用的第一种！我们有20，30个项目都依赖于几个common的library，其中就包括header和footer，都放在假设的npm私库里，项目都是jenkins自动构建的，不存在什么不好管理的问题，不清楚你的困惑到底是什么。。。