基于AngularJS构建的项目框架[二]

加载外部定义的Grunt Task

对于大多数的项目来说,所有的Task都定义在Gruntfile中。但对于一些比较大的项目,或者我们希望把某些Task作为复用的组件,那么我们可以把Task的配置文件写在另外的JavaScript文件中,Grunt可以从外部的这些文件加载。
相关的API为:
grunt.task.loadTasks(tasksPath)
也可以用grunt.loadTasks(tasksPath)进行调用。为了方便调用,像grunt.task / grunt.config / grunt.option 上的方法都可以直接通过grunt这个object来调用。
在我们的例子中,Task的配置文件放在grunt-config文件夹中:
– grunt-config [dir]
– – buildDir.js
– – tasks [dir]
– – – copy.js
– – – jade.js
– – – require.js
– – – less.js
– – – watch.js
copy.js / jade.js / require.js / less.js / watch.js 分别对应复制文件 / 编译jade模板 / 编译less模板等Task。
然后再看Gruntfile.js中如何引入这些Tasks:
grunt.loadTasks(‘grunt-config/tasks’);

Leave a Reply