在Angular 应用中混合使用较少和较粗俗的文件

发布于01月15日

我正在使用ng-Zorro组件库构建一个Angular 应用程序.通常，我也会为一些实用工具导入整个Bootstrap css文件，比如网格系统和间隔类，我发现它们非常有用.在我以前的所有经验中，我都有过NG-Zorro CSS和Boostrap CSS产生的冲突问题，所以，对于这个项目，我只想导入我需要的Boostrap CSS类.

通过阅读官方文档，我了解了如何使用SCSS从Bootstrap导入特定的包(例如@import "../node_modules/bootstrap/scss/utilities"; ).

因此，我有一个包含组件的ng-Zorro定制主题的.less文件和一个包含特定于Bootstrap的实用程序类的.scss文件.问题是组件似乎实际上看不到Bootstrap SCSS文件.

这可能会有所帮助，知道我用Angular CLI设置了项目，当被问及我想要什么CSS文件时，我 Select 了Less.我 Select 的原因是ng-Zorro服装主题必须使用.less编写，我想知道是否有一种方法可以告诉Angular 编译器同时使用.less和.scss.

... "options": { "assets": [], "index": "src/index.html", "browser": "src/main.ts", "outputPath": "dist/demo", "scripts": [], "styles": [ "src/global_styles.css", "src/global_styles.scss", "src/global_styles.less" ], ...

在Angular 应用中混合使用较少和较粗俗的文件

推荐答案

Angular相关问答推荐

Angular Signal只指一种类型，但这里用作值.ts(2693)''

Angular 17@在大小写时切换多个值

Angular中的Bootstrap carousel动态属性

Angular：将服务注入非独立组件导致应用程序中断

如何在ANGLING v17中使用鞋带样式组件？

独立Angular 零部件不在辅零部件或共享零部件中工作

Angular 显示来自文字数组的SVG路径

从API动态加载MAT表数据时禁用分页

如何在独立组件中导入Angular innerHTML

NGX-Translate如何不得到404？

没有调用订阅的原因是什么？

尽管模型中的变量发生了变化，但Angular 视图没有更新

全局异常处理

如何使用ngrx和effects 订阅成功回调

使用 Angular2 将文件上传到 REST API

带有 Angular 的 Font Awesome 5

`[(ngModel)]` vs `[(value)]`

如何在悬停时向元素添加类？

如何在 Angular 应用程序中通过路由更改页面标题？

输入更改时Angular2动态输入字段失go 焦点