如何解决在 ts 文件中导入样式为 11
我有一个 Angular 11 应用程序,我通过 angulararchitects 的组件使用 Webpack 5 和模块联合来创建微前端应用程序。为了按照我想要的方式制作动画,我需要一些 scss 和一些 angular。为了能够将这些动画的配置集中在一个地方(scss 变量),我想导出它们并通过在我的角度组件中导入来使用它们。我已经阅读了几篇关于如何实现这一点的文章,但是由于在 Angular 11 中处理 css 模块的方式已经改变,并且通过使用 angulararchitects 有了 webpack.config 和自定义构建器,我有点困惑如何完成这个。
到目前为止我所做的:
- 在 scss 文件中导出我的变量
- 为变量创建一个输入文件
我被卡住的地方:
- 在哪里使用 ngx-builder-plus 包含打字文件(我看到包含所有 .d.ts 文件,但我不确定这是否足够)
- 如何使用 angular 11 设置 webpack 以便正确导出变量
有什么想法或方向吗? 谢谢 马库斯
解决方法
如果您想处理基于条件的样式,更好的方法是使用 ngClass
指令动态处理它。要么
如果您的要求是构建基于多个主题的架构,请参考 SASS / SCSS MultiTheme Approach
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。