Web的自动化开发---grunt介绍

Grunt是一款基于JavaScript的自动化任务处理工具,用于简化重复性工作,如压缩、测试等。它借助Node.js和NPM进行管理和扩展。本文介绍了Grunt的安装、配置、插件使用,特别是grunt-cli、uglify插件的详细步骤,以及如何结合watch插件实现自动化监控文件变化,提升开发效率。
摘要由CSDN通过智能技术生成

简单grunt

  • Grunt 是一个 JavaScript 化任务处理工具,是一个工具框架,有很多插件展它的功能当我们需要做大量的重复工作时,比如:压缩/缩小/单元测试等,Grunt能够自动化automation)地帮我们完成这些工作。
  • Grunt 基于Node.jsGrunt及它的插件都作一个包,可以用NPM安装行管理,所以,NPM生成的package.json目文件,记录当前目中用到的 Grunt 插件。
  • GruntGruntfile.js文件,解析里面的任行相操作,需要安装Grunt-cli,也就是命令行的 Grunt,当然 Grunt-cli安装的并不是Grunt 

安装及配置

1. 安装nodejs

官网下载 node-v4.2.2.pkg,按照后,同时安装了node 和npm,它将在你的机器上安装 Node.js npm (node package manager)

2. 安装grunt-cli

 “CLI被翻译为命令行。要想使用grunt,首先必grunt-cli安装到全局境中,使用nodejs“npminstall…”行安装。打开控制台(注意:windows使用管理员权限打开),入:npm install -g grunt-cli,注意mac os、部分linux中,在的前面加上sudo ”指令。安装完成后,这时候要验证一下grunt-cli是否安装完成并生效,你只需要继续在命令行中“grunt”命令即可。如果生效,会出以下果:

你不要管果是什么意思,之出现这些提示,明你的grunt-cli安装成功了。注意:我们可以在机器上同时安装多个不同版本的Gruntpackage.json)。Grunt CLI用来运行配置Gruntfile.jsGrunt

3.  

Grunt用于实际

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值