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
    这里写图片描述


更多信息查看

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值