在Dev单机模式下运行SingleSpa Micro-frontend,没有互联网接入



需要一个关于在独立模式下覆盖Single-Spa运行Micro前端依赖的好方法的建议。

关键是我需要在Webpack dev服务器下在没有互联网接入的环境中以开发独立模式运行我的微前端。它失败了,因为React Single-spa包含了许多来自公共CDN的库。

寻找解决方案,我看到可以以某种方式配置重写,但没有得到一个好的配方。首选从node_modules中选择所有外部深度。

下一个外部深度在index.html中,它在dev模式下生成Single-spa:

"imports": {
"single-spa": "https://cdn.jsdelivr.net/npm/single-spa/lib/system/single-spa.dev.js",
"@corp/myapp": "/corp-myapp.js"
}
// all from cdn.jsdelivr.net
import-map-overrides.js
fetch.umd.js
polyfill.min.js
runtime.min.js
system.js
amd.js

提前感谢!

您可以简单地下载这些文件并将它们放在根配置的public文件夹中。之后,您可以像这样引用它们:"single-spa": "/single-spa.dev.js"

除了手动下载它们,你还可以安装相应的npm包,并通过脚本将这些文件复制到公共文件夹。或者将它们托管在网络中的单独服务器上。

最新更新