美文网首页
代码自动构建工具Grunt

代码自动构建工具Grunt

作者: Mx勇 | 来源:发表于2016-11-28 14:29 被阅读19次

Grunt

官网:https://gruntjs.com

中文官网:gruntjs.net

基于nodejs的

检测node是否有

node --version

npm --version

node就是js文件

执行  node文件

1.需要安装grunt的命令行环境:

npm install -g grunt-cli

2.检测是否安装成功

grunt --version

想玩grunt,需要两个文件

Gruntfile.js        构建主文件

package.json        工程文件

编写Gruntfile.js

module.exports = function(grunt){

//引入模块

grunt.loadNpmTasks('grunt-contrib-uglify');

grunt.loadNpmTasks('grunt-contrib-concat');

grunt.loadNpmTasks('grunt-contrib-clean');

//初始化

grunt-initConfig({

uglify:{

yal:{

src:"src/a.txt",

dest:"dest/a.min.txt"

},

yal2:{

src:"src/b.txt",

dest:"dest/b.min.txt"

}

}

})

//注册默认任务

grunt.registerTask('default',['concat','uglify',clean]);

}

安装模块

grunt模块

npm install grunt

grunt-contrib-uglify          模块

npm install grunt-contrib-uglify

grunt-contrib-concat

npm install grunt-contrib-concat

grunt-contrib-clean

npm install grunt-contrib-clean

package.json

npm stall -g grunt-cli

npm install 模块名 --save-dev

相关文章

  • grunt及gulp的使用

    grunt是压缩代码,合并代码,检测代码书写规范grunt也是前端自动化,构建项目工具grunt官网:http:/...

  • grunt gulp

    grunt gulp grunt: 压缩代码,合并代码,检测代码书写规范... 前端自动化工具 构建项目 官网:h...

  • vue+node环境搭建

    · webpack:代码模块化构建打包工具· gulp: 基于流的自动化构建工具· grunt: Javascri...

  • grunt

    grunt:基于:node 开发压缩代码,合并代码,检测代码书写规范...前端自动化工具构建项目官网:http...

  • 自动化构建02

    常用的自动化构建工具 Grunt Gulp FIS Grunt Grunt标记任务失败 Grunt 配置方法 G...

  • 代码自动构建工具Grunt

    Grunt 官网:https://gruntjs.com 中文官网:gruntjs.net 基于nodejs的 检...

  • gulp

    叫做前端自动化构建工具,此类工具还有:grunt前端自动化构建工具 是什么?答: 自动化 less sass ...

  • 前端小白成长之15--grunt自动化构建基础了解

    一.常用的自动化构建工具 Grunt Gulp FIS 二.gruntfile.js Grunt 的入口文件用于...

  • 有哪些必看的前端 JS 库?

    前端自动化 前端构建工具 gulp – The streaming build system grunt – th...

  • node.js项目配置grunt

    Grunt构建工具配合node,对于代码的质量检查、压缩、监测以及测试框架的自动化部署非常便捷。 全局安装grun...

网友评论

      本文标题:代码自动构建工具Grunt

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