css - 空样式 (.css/.scss) 文件

标签 css angular sass sonarqube angular-schematics

当我创建 Angular 应用程序时,我使用 CLI 来生成组件。在开发应用程序一段时间后,我为每个组件创建了样式文件,但其中大部分是空的。

当我检查 Sonar 时,空样式文件中有代码味道:

  • 删除这个空样式表。
  • 在此文件末尾添加一个空的新行。

我应该删除 Sonar 规则,还是必须删除元素中的所有空样式文件,并在需要它们进行组件样式化时在下一版本的元素中重新创建它们?什么是最佳做法?

最佳答案

对我来说,你可以让 CSS/SCSS 文件为空。 只是因为在构建之后,围绕样式的所有内容都将被缩小并包含在“styles.js”文件中。 所以,即使在开发模式下看到所有这些空文件有点难看,编译器会自己解决你的问题

这是构建后元素的屏幕:

enter image description here

关于css - 空样式 (.css/.scss) 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55468500/

相关文章:

html - 使图像像 Stackexchange 的网站一样流动

javascript - 创建一个带有多个子菜单的 megamenu 并添加幻灯片动画

Angular 2 将 css 类添加到所选项目

html - SCSS : Add element to existing rule

html - 空的 div 是不可见的

angular - 如何在 Visual Studio Code 中查看 JSCode 生成的文档?

http - 根据 Angular 2中先前请求的结果执行http请求

sass - 使用 compass 观察和编译现有的 scss 文件夹

sass - 如何将 TypeScript WebPack ts-loader 与 Angular2 @View 样式集成?

css - 具有 3 个常规列和 1 个垂直旋转的四列 div