grunt

作者: itdingrui | 来源:发表于2016-12-05 00:54 被阅读0次

    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

          本文链接:https://www.haomeiwen.com/subject/nvlkmttx.html