生成的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文件从源文件夹中移出了？

Answer 1

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

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