angular - 使用角度 11 在 ts 文件中导入样式

Question

我有一个 Angular 11 应用程序，我通过 angulararchitects 的组件使用 Webpack 5 和 Module Federation 来创建微前端应用程序。为了按照我想要的方式制作动画，我需要一些 scss 和一些 angular。为了能够在一个地方（scss 变量）对这些动画进行配置，我想导出它们并通过在我的角度组件中导入来使用它们。我已经阅读了几篇关于如何实现这一点的文章，但是由于在 Angular 11 中处理 css 模块的方式已经改变，并且通过使用 angulararchitects 拥有 webpack.config 和自定义构建器，我有点卡住了如何完成这个。

到目前为止，我所做的：

• 在 scss 文件中导出我的变量
• 为变量创建一个类型文件

我被困在哪里：

• 在哪里包含 ngx-builder-plus 的输入文件（我看到包含所有 .d.ts 文件，但我不确定这是否足够）
• 如何使用 Angular 11 设置 webpack，以便正确导出变量

有什么想法或方向吗？谢谢马库斯

标签： angularcss-moduleswebpack-5angular11webpack-module-federation

Answer 1

如果要处理基于条件的样式，更好的方法是使用ngClass指令动态处理它。或者如果您的要求是构建多个基于主题的架构，请参考SASS / SCSS MultiTheme Approach