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

时间:2013-01-04 14:03:36

标签: sass compass-sass gruntjs

我是第一次建立Grunt项目。有推荐的目录结构吗?例如,保留/ src下的源,/ stage中的中间构建工件和/ dist中的最终连接,缩小的工件。

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

2 个答案:

答案 0 :(得分:3)

我只有/ src和/ build(这是你的/ dist),而没有/ stage。我还没有找到真正的舞台需求,可能是因为我没有太多的集成测试。让我知道你正在使用什么/舞台 - 我很好奇。 :)

/myproject
  /build
  /src
    /css
    /sass

我确实有/ sass和/ css。 / css包含使用SASS编译的单个main.css。在我的Gruntfile.js中,我有2个SASS目标,sass:dev&青菜:构建。 sass:dev编译成/ src / css和sass:build into / build / css。 /src/css/main.css是git- / svn-ignored。

在一天结束时,Grunt并不关心你如何组织你的消息来源。它只是假设Gruntfile.js和/ node_modules在项目根目录,就是这样。实际上,NPM假定package.json是root。

所以,尝试不同的结构并选择你喜欢的结构,这总是取决于你使用的工具。

希望这有帮助! :)

答案 1 :(得分:2)

运行grunt init:jquerygrunt init:node会给你一个很好的回答这个问题的开始。

以下是在名为 init_test 的目录中运行grunt init:jquery并选择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