在多个微前端应用程序之间共享较少的变量

Question

我试图找出在不同的反应项目之间是否有可能共享较少的变量。我正在使用单SPA来构建一个微型正面架构。我的微前端使用一些共享组件，就像react微前端示例在react mf/样式指南中所做的那样。此外，我还需要共享一些较少的变量(例如颜色或字体)，这样我就可以在我的样式指导项目中定义它们一次，然后在我将要定义的每个微前端中引用它们。这有可能吗？如果是，你能给我建议一种方法吗？我想解决办法是利用webpack，但我找不到正确的方法。

Answer 1

我找到了两种可能的解决方案：

CDN

// index.less file of my new app

@import url(https://your.cdn.url/file.less);

使用CDN来提供较少的文件，这样就可以在我们想要的每个应用程序中导入它。在导入语句之后，我们可以使用less文件包含的所有变量。

NPM软件包

将较少的文件发布到npm包中，以便在您需要的每个应用程序(npm install或yarn add)中将文件作为依赖项导入。

我用第一种方法开始。如果其他人会有不同的想法，欢迎你！