grunt之easy demo

首先安裝grunt-cli

cnpm install -g grunt-cli

接下來建立package.json,內容以下

    {  
      "name": "demo",  
      "file": "zepto",  
      "version": "0.1.0",  
      "description": "demo",  
      "license": "MIT",  
      "devDependencies": {  
        "grunt": "~0.4.1",  
        "grunt-contrib-jshint": "~0.6.3",  
        "grunt-contrib-concat": "~0.5.0",  
        "grunt-contrib-uglify": "~0.2.1",  
        "grunt-contrib-requirejs": "~0.4.1",  
        "grunt-contrib-copy": "~0.4.1",  
        "grunt-contrib-clean": "~0.5.0",  
        "grunt-strip": "~0.2.1"  
      },  
      "dependencies": {  
        "express": "3.x"  
      }  
    } 

 

也可使用npm init來進行初始化

建立Gruntfile.js,只作合併和壓縮

    module.exports = function (grunt) {  
      grunt.initConfig({  
      concat: {  
        options: {  
        },  
        dist: {  
          src: ['src/**/*.js'],//src文件夾下包括子文件夾下的全部文件  
          dest: 'dist/built.js'//合併文件在dist下名爲built.js的文件  
        }  
      },  
      uglify: {  
         build: {  
            src: 'dist/built.js',//壓縮源文件是以前合併的buildt.js文件  
            dest: 'dist/built.min.js'//壓縮文件爲built.min.js  
          }  
       }  
    });  
      grunt.loadNpmTasks('grunt-contrib-uglify');  
      grunt.loadNpmTasks('grunt-contrib-concat');  
        
      grunt.registerTask('default', ['concat','uglify']);  
    } 

 

接下來執行cnpm(npm) install,下載好依賴包

接下來執行grunt