Grunt 進行js,css文件合併,壓縮

Grunt 進行js,css文件合併,壓縮
安裝 Grunt 前,你需要首先下載並安裝 node.js (npm 已經包含在內)。npm 是 node packaged modules 的簡稱,它的作用是基於 node.js 管理擴展包之間的依賴關係。

  1. 安裝node: 運行 node-v0.12.7-x86.msi
  2. 安裝 grunt-cli :用管理員身份運行(下同) cmd 進入命令行模式,運行 npm install -g grunt-cli
  3. 安裝項目依賴的庫
    配置 package.json 文件:新建文件夾 GruntTest => 建 package.json 文件. 該文件內容要滿足 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"
      }
    }
    進行 cmd 命令行模式,並轉到 GruntTest 目錄 , 執行 npm install 
    

    這裏寫圖片描述

    命令執行成功後,會在 GruntTest目錄下產生一個 node_modules目錄,裏面有四個子目錄
    

    這裏寫圖片描述

  4. 配置任務:
    在GrunTest 目錄下新建 Gruntfile.js 文件, 然後在命令行中執行 grunt
    這裏寫圖片描述


更多信息查看

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章