JavaScript技术
基于AngularJS构建的项目框架[二]
2014-12-05 igody
加载外部定义的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');