grunt

grunt:基于:node 开发
压缩代码,合并代码,检测代码书写规范...
前端自动化工具
构建项目
官网:http://gruntjs.com/
中文官网:http://www.gruntjs.net/
插件地址:http://gruntjs.com/plugins

cmd使用流程:
1.安装grunt的命令环境
npm install -g grunt-cli
验证grunt已安装
grunt -version
2.需要准备两个文件:(名字不能乱叫)
Gruntfile.js 编写任务
package.json 工程文件 npm init
3.编写具体任务
module.exports=function(grunt){
console.log("第一个grunt程序");
}
4.安装本地grunt
npm install grunt --save-dev
5.运行
找到Gruntfile这个js所在目录
执行命令: grunt

压缩插件:
图片--> npm install grunt-contrib-imagemin --save-dev
HTML --> npm install grunt-contrib-htmlmin --save-dev
css --> npm install grunt-contrib-cssmin --save-dev
js --> npm install grunt-contrib-uglify --save-dev
监听模块 --> npm install grunt-contrib-watch --save-dev
合并文件--> npm install grunt-contrib-concat --save-dev

其余插件:
grunt-contrib-clean 删除文件以及文件夹
grunt-contrib-copy 复制东西
grunt-contrib-jshint 检测js语法代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 快速入门 Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。 在安...
    angelwgh阅读 1,152评论 0 0
  • Grunt是一个任务管理器,能大大提高您运行前端开发工作流程。使用大量的Grunt插件可以自动执行任务,例如编译S...
    昵称不能太随便阅读 337评论 0 1
  • Grunt入门(一) 什么是grunt Grunt就和photoshop里面的插件一样,它能够帮我们自动完成一些反...
    wheato阅读 2,261评论 0 9
  • grunt gulp grunt: 压缩代码,合并代码,检测代码书写规范... 前端自动化工具 构建项目 官网:h...
    嘬烟盒的程序员阅读 421评论 3 4
  • 来沪住在外甥女小区,小区内有一片健身园林,徒步一圈1:5公里,网球场篮球场池塘树林,很舒适。 坡上密林池塘蛙,玉兰...
    邢连杰阅读 455评论 1 2