前端自动化构建工具gulp的使用总结 博主最近偶的空闲,在此对gulp的使用做一个总结,让小伙伴知道如何合理的使用gulp以及gulp的使用技巧。 谈到gulp,有人可能就会想到另外一个构建工具grunt,那么 博主就要夸你一句:油啊热瘪死他。 那么grunt和gulp有什么异同 ...
一 安装 安装nodejs 通过nodejs的npm安装gulp,插件也可以通过npm安装。windows系统是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm指令。 我上面的cmd,已经被git封装过了,字体都变成彩色的了。安装了这个工具后,还可以通过Git Bash打Linux的命令。git是版本控制的工具,这里也不多说了。 n ...
2016-01-25 10:13 3 3615 推荐指数:
前端自动化构建工具gulp的使用总结 博主最近偶的空闲,在此对gulp的使用做一个总结,让小伙伴知道如何合理的使用gulp以及gulp的使用技巧。 谈到gulp,有人可能就会想到另外一个构建工具grunt,那么 博主就要夸你一句:油啊热瘪死他。 那么grunt和gulp有什么异同 ...
(1)新建项目目录gulp_web (2)项目目录下建目录src里面存放需要进行gulp处理的文件目录及文件 (3)gulpfile.js文件内容为声明需要打包应用的gulp组件及打包文件路径和打包任务,比如: (4)在安装部署nodejs环境前提下,进入cmd ...
下(若没有,会自动创建一个node_modules文件夹) 具体区别,推荐博文: 全局安装和本地(局部 ...
一、简介 之前了解了自动化构建相关工具,然后今天有时间就把学习过程碰到的坑写下来。首先是前端自动化构建三大工具gulp\grunt\webpack。其实说是三大工具,但也只是个人主观想法。因为自己常见的并有所了解的就这三个。至于其他的,暂不在讨论范围。 二、gulp、grunt ...
很久没有更新博文了。 经过了一次年前吐血的赶项目,终于在年后回血了。趁着有空,新学到了一个前端自动化构建工具-gulp。 现在我们通过这3个问题来学习一下; 1、什么是gulp? 2、为什么要用gulp? 3、怎么用? 什么是gulp ...
gulp是一个前端自动化构建工具,简单方便,学习起来也很方便。gulp是基于node.js的,所以首先要在电脑上安装node.js. 1:安装node.js npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖 ...
教程地址:http://segmentfault.com/a/1190000000372547 http://www.w2bc.com/Article/12941 1、安装nodejs 2、新建package.json文件 3、全局和本地安装gulp 4、使用npm安装gulp插件 ...
目前最流行的两种使用JavaScript开发的构建工具是Grunt和Gulp。为什么使用gulp?因为Gulp更简单。Grunt任务拥有大量的配置,会引用大量你实际上并不需要的对象属性,但是Gulp里同样的任务也许只有几行。有兴趣的同学在学完本文后对比使用Grunt,你就会发现Gulp的代码量 ...