WsztRush

Grunt

WHY

在用Java写完源码之后需要编译成Class才能执行,其实前端也是类似的,需要压缩等操作才是真正的成品,况且现在前端的工具越来越多:

  1. LESS
  2. CoffeeScript
  3. 其他

这些都需要预处理成最终的CSS、JS才能被使用,而GRUNT则将这些过程管理起来,你只需要开开心心写代码就好了~

HOW

当然首先需要node.js,然后npm install -g grunt-cli安装命令行工具,在工程下面配置两个文件:

  1. package.json:被npm用于存储项目元数据,以便将此项目发布为npm模块,可以在这里列出项目依赖的Grunt和Grunt插件。
  2. Gruntfile.js:用来配置或定义任务并加载Grunt插件。

执行npm install安装项目依赖的库,然后执行grunt即可,package.json配置文件如下:

{
    "name": "my-project-name",
    "version": "0.1.0",
    "devDependencies": {
        "grunt": "~0.4.5",
        "grunt-contrib-jshint": "~0.10.0",
        "grunt-contrib-nodeunit": "~0.4.1",
        "grunt-contrib-uglify": "~0.5.0"
    }
}

可以通过命令npm install <module> –save-dev安装插件的同时向文件中的devDependencies字段添加,这里有插件列表。

文件Gruntfile.js由三部分组成:

  1. 配置任务:grunt.initConfig
  2. 加载插件:grunt.loadNpmTasks
  3. 定义任务:grunt.registerTask

基本上配置好之后就可以跑起来了,更多看官网