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

【问题标题】：Should generated css files be located together with my component's source code?生成的 css 文件是否应该与我的组件的源代码一起放置？
【发布时间】：2018-08-17 17:17:27
【问题描述】：

我已按照官方指南添加 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 文件从源文件夹中移出？

【问题讨论】：

您的项目中是否有任何其他处理器，例如 npm 脚本、gulp 或 grunt？可以将所有 css 组合在一起，将其缩小并存储在类似“dist/build”文件夹中。

标签： css reactjs sass

【解决方案1】：

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

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

【讨论】：