css - 生成的 css 文件是否应该与我的组件的源代码一起放置？

Question

我已按照官方指南添加node-sass为 css 预处理器：

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc

生成的css文件与我的源代码放在一起。

Component
--Component.css
--Component.scss
--Component.tsx

我不喜欢这个有两个原因：

• 它使文件资源管理器混乱
• 随着css文件的生成，我不认为它们是源代码的一部分，而是构建的一部分

我在想这个错误的方式吗？还是有更多的人将他们的 css 文件移出他们的源文件夹？

标签： cssreactjssass

Answer 1

通常，生成的代码不应包含在您的 git 存储库中。这是为了避免混乱的合并冲突和使用过时的生成文件。

我通常创建一个“目标”文件夹并将所有生成的文件输出到该文件夹​​。此文件夹的命名约定由您决定。有些人喜欢使用'dist'。然后我将此文件夹添加到我的 .gitignore 文件中。