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

Question

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

当我检查声纳时，空样式文件中有代码味道：

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

我应该删除声纳规则还是必须删除项目中的所有空样式文件并在我需要它们用于组件样式时在项目的下一个版本中重新创建它们？最佳做法是什么？

Answer 1

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

这是构建后项目的屏幕：

Answer 2

主要问题是：空 scss 文件...什么是最佳实践？

项目中的空文件是一种不好的做法。 没有人喜欢在他们的文件浏览器中有无用的文件。

I am against "the compiler will solve your probelm by itself":

编译器没有解决我的问题，空文件更难看，我仍然无法说出缩小空文件的好处.

我的意见是把组件中的“styleUrls”去掉，把空的scss删掉，需要的时候再创建。

感觉就像刚刚减肥一样好！