Gulp与Grunt一样,也是一个自动任务运行器。它充分借鉴了Unix操作系统的管道(pipe)思想,很多人认为,在操作上,它要比Grunt简单。 安装 Gulp需要全局安装,然后再在项目的开发目录中安装为本地模块。先进入项目目录,运行下面的命令。 npm install -g gulp npm i ...
分类:
其他好文 时间:
2016-07-24 10:30:27
阅读次数:
161
Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。 安装 CLI 首先,需要先将Grunt命令行(CLI)安装到全局环境中。 上述命令执行完后,grunt 命令就被加入到你的系统路径中了,以后就可以在任何目录下执行此命令了。 Grunt CLI的任务很 ...
分类:
其他好文 时间:
2016-07-22 20:58:59
阅读次数:
162
一个简单的例子,明白了是怎么操作,文件怎么制作的。在我看来和gulp/grunt区别不算太大,但很多人都说比较好,先进多了 WebPack 官网地址: http://webpack.github.io/ 安装: #npm install -g webpack 或 #npm install webpa ...
分类:
Web程序 时间:
2016-07-22 01:06:15
阅读次数:
228
gulp 真正“流程”化工具 我记得实习刚刚进公司看到grunt,还是有点蒙,之前一直是本地开发,游览器F5,没想到前端也需要“编译工具”。所以grunt一直给我的感觉是“编译工具”,你写的很多代码还不能直接“执行”,需要这一个工具去“编译”才能上线。它去自动化了很多东西,我之后也写过一个公司用的g ...
分类:
Web程序 时间:
2016-07-20 13:20:49
阅读次数:
255
1. Grunt -> Gulp 早些年提到构建工具,难免会让人联想到历史比较悠久的Make,Ant,以及后来为了更方便的构建结构类似的Java项目而出现的Maven。Node催生了一批自动化工具,像Bower,Yeoman,Grunt等。而如今前端提到构建工具会自然想起Grunt。Java世界里的 ...
分类:
其他好文 时间:
2016-07-20 10:18:09
阅读次数:
229
一、关于Grunt 一、关于Grunt 是一套前端自动化工具,Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。常用于:压缩文件、合并文件、语法检查等。 二、环境搭建 2.1.安装Node.js 因为Grunt是基于nodeJs环境,所以需要先安装no ...
分类:
其他好文 时间:
2016-07-19 18:35:38
阅读次数:
124
gulp是前端开发过程中自动构建项目的工具,相同作用的还有grunt。构建工具依 靠插件能够自动监测文件变化以及完成js/sass/less/html/image/css/coffee等文件的语法检查、合并、重命名、压缩、格式 化、浏览器自动刷新、部署文件等功能。 gulp是基于Nodejs的自动运 ...
分类:
其他好文 时间:
2016-07-16 00:59:47
阅读次数:
310
本文基本是参照着 用Grunt与livereload构建实时预览的开发环境 实操了一遍,直接实现能实时预览文件列表,内容页面。不用刷新页面了,这比以前开发网页程序都简单。 这里要用到的 Grunt 插件有 grunt-contrib-connect , 用来充当一个静态文件服务器,本身集成了 liv ...
分类:
其他好文 时间:
2016-07-15 13:03:28
阅读次数:
134
Grunt和 Grunt 插件是通过npm安装并管理的, npm是Node.js的包管理器。 第一步:先安装node.js环境 第二步:安装Grunt-CLI 在node.js命令工具中输入npm install -g grunt-cli 敲击回车即可安装。 -g为在全局安装。 第三步:在本地建一个 ...
分类:
其他好文 时间:
2016-07-14 03:04:42
阅读次数:
149
Grunt的介绍:http://www.gruntjs.net/getting-started 1:安装Git Bash,下载地址https://git-scm.com/download/win(安装一路next) 2:安装node.js+npm,下载地址:https://nodejs.org/en ...
分类:
其他好文 时间:
2016-07-12 10:32:38
阅读次数:
261