我是第一次建立Grunt项目。有推荐的目录结构吗?例如,保留/ src下的源,/ stage中的中间构建工件和/ dist中的最终连接,缩小的工件。
我也在使用指南针/ sass。我假设我的scss文件应该在/ src下,但是设置构建工作流的正确方法是什么,以便我快速构建和测试,同时不会使我的源目录与构建工件混乱。
答案 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:jquery
或grunt 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