sass - Grunt 项目推荐的目录结构是什么

Question

我是第一次建立一个 Grunt 项目。有推荐的目录结构吗？例如，将源代码保存在/src 下，将中间构建工件保存在/stage 中，并将最终连接的、缩小的工件保存在/dist 中。

我也在使用 compass/sass。我假设我的 scss 文件应该放在/src 下，但是设置构建工作流的正确方法是什么，以便我快速构建和测试，同时不会用构建工件弄乱我的源目录。

Answer 1

我只有/src 和/build(这是你的/dist)，没有/stage。我还没有发现对 stage 的真正需求，可能是因为我没有太多的集成测试要做。让我知道您使用/stage 的目的 - 我很好奇。 :)

/myproject
  /build
  /src
    /css
    /sass

我确实有一个/sass 和一个/css。/css 保存使用 SASS 编译的单个 main.css。在我的 Gruntfile.js 中，我有 2 个 SASS 目标，sass:dev 和 sass:build。 sass:dev 编译到/src/css 和 sass:build 到/build/css。/src/css/main.css 是 git-/svn-ignored。

归根结底，Grunt 并不关心你如何组织你的资源。它只是假设 Gruntfile.js 和/node_modules 位于项目根目录，仅此而已。它实际上是 NPM 假设 package.json 位于根目录。

因此，尝试不同的结构并选择您喜欢的结构，这始终取决于您使用的工具。

希望这可以帮助! :)