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 文件移出他们的源文件夹？

Answer 1

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

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