一、安装 1)安装nodejs 通过nodejs的npm安装gulp,插件也可以通过npm安装。windows系统是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm指令。 我上面的cmd,已经被git封装过了,字体都变成 ...
npm init命令初始化当前文件夹后,在当前文件夹新建gulpfile.js文件。当前目录下的所有操作流都在gulpfile.js文件中定义。 gulp自动化 gulp uglify JS压缩 gulp uglify安装: npm install save dev gulp uglify gulp uglify用来压缩js文件,使用的是uglify引擎。 var gulp require gul ...
2017-03-22 20:08 1 1752 推荐指数:
一、安装 1)安装nodejs 通过nodejs的npm安装gulp,插件也可以通过npm安装。windows系统是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm指令。 我上面的cmd,已经被git封装过了,字体都变成 ...
前端自动化构建工具gulp的使用总结 博主最近偶的空闲,在此对gulp的使用做一个总结,让小伙伴知道如何合理的使用gulp以及gulp的使用技巧。 谈到gulp,有人可能就会想到另外一个构建工具grunt,那么 博主就要夸你一句:油啊热瘪死他。 那么grunt和gulp有什么异同 ...
(1)新建项目目录gulp_web (2)项目目录下建目录src里面存放需要进行gulp处理的文件目录及文件 (3)gulpfile.js文件内容为声明需要打包应用的gulp组件及打包文件路径和打包任务,比如: (4)在安装部署nodejs环境前提下,进入cmd ...
基于node的 自动化构建工具 扩展:开发的时候分为2个节点一个是开发阶段 另一个是部署阶段 开发阶段:源文件不会被压缩 部署阶段 ...
gulp是一个前端自动化构建工具,简单方便,学习起来也很方便。gulp是基于node.js的,所以首先要在电脑上安装node.js. 1:安装node.js npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖 ...
很久没有更新博文了。 经过了一次年前吐血的赶项目,终于在年后回血了。趁着有空,新学到了一个前端自动化构建工具-gulp。 现在我们通过这3个问题来学习一下; 1、什么是gulp? 2、为什么要用gulp? 3、怎么用? 什么是gulp ...
gulp是基于流的前端自动化构建工具。 之前也谈到了 grunt的用法,grunt其实就是配置+配置的形式。 而gulp呢,是基于stream流的形式,也就是前一个函数(工厂)制造出结果,提供后者使用。 同样的,也是包括基本用法和各插件的使用。 一、环境配置 gulp ...
Gulp是什么? Gulp是前端自动化的工具,但Gulp能用来做什么 1.搭建web服务器 2.使用预处理器Sass,Less 3.压缩优化,可以压缩JS CSS Html 图片 4.自动将更新变化的代码实时显示在浏览器 5.前端测试 ...... 这些都不是他的全部功能,社区丰富 ...