我正在使用以下包使用 webpack5 和 Angular 11 开发模块联合原型。
https://www.npmjs.com/package/@angular-architects/module-federation
在使用样式时,此包存在一个已知问题。
styleUrls 的错误目前,不幸的是,在实验性 CLI/webpack5 集成中存在一个错误,在将共享库与指向 styleUrls 的组件一起使用时会导致问题。目前,您可以通过删除应用程序和库中的所有 styleUrls 来解决此问题。
因此,解决方案是将所有 css 放在带有标签的 HTML 中。
就我而言,我有使用 SCSS 的现有项目。如果我想使用这个给定的包来使用微前端,我必须将我所有的 SCSS 迁移到 CSS 中并将其放入 HTML 文件中,这是一项非常艰巨的任务。
问题:有没有更好的方法来处理具有使用包@angular-architects/module-federation 的微前端的项目的SCSS?