12

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

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

4

2 回答 2

3

我只有 /src 和 /build（这是你的 /dist），没有 /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 忽略。

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

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

希望这可以帮助！:)

于 2015-03-12T04:13:40.970 回答
2

Running grunt init:jqueryorgrunt init:node应该会给你一个很好的开始来回答这个问题。

这是在grunt init:jquery名为init_test的目录中运行并为 grunt-init 提示选择默认答案的结果。

    Writing CONTRIBUTING.md...OK
    Writing grunt.js...OK
    Writing libs/jquery/jquery.js...OK
    Writing libs/jquery-loader.js...OK
    Writing libs/qunit/qunit.css...OK
    Writing libs/qunit/qunit.js...OK
    Writing README.md...OK
    Writing src/init_test.js...OK
    Writing test/init_test.html...OK
    Writing test/init_test_test.js...OK
    Writing LICENSE-MIT...OK

见https://github.com/gruntjs/grunt-init

于 2013-01-05T02:00:11.697 回答