• 1、gulp前端自动化工具简介

    gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们...

    阅读(290) 2017-03-09
  • 2、gulp安装使用方法介绍【图文】

    使用gulp,首先当然是安装nodejs,通过nodejs的npm全局安装和项目安装gulp,其次在项目里安装所需要的gulp插件,然后新建gulp的配置文件gulpfile.js并写好配置信息(定义gulp任务),最后通过...

    阅读(226) 2017-03-09
    2、gulp安装使用方法介绍【图文】
  • 3、以gulp-less插件为例演示gulp的使用方法

    gulp全局和本地都安装成功之后,就可以选择性的使用gulp插件了,以gulp-less插件为例。 如果对less不熟悉,可以查看《 less之可编译型CSS型语言使用笔记 》。 第一步:安装我们需要使用...

    阅读(115) 2017-03-09
    3、以gulp-less插件为例演示gulp的使用方法
  • 4、以gulp-minify-css插件为例演示gulp的使用方法

    下面是gulp-minify-css插件的使用方法: 如果了解了之前的gulp安装配置基本方法,那么使用gulp-minify-css插件就很简单了。 第一步:安装插件 打开命令行,执行 npm install gulp-minify-css --save...

    阅读(195) 2017-06-15
    4、以gulp-minify-css插件为例演示gulp的使用方法
  • 5、使用gulp压缩JS代码的方法

    使用gulp压缩JS代码的方法: 首先用npm安装gulp-uglify插件:npm install gulp-uglify --save-dev。 然后继续第四节的笔记,在gulpfile.js文件中添加以下代码: var gulp = require(gulp);var uglify = require(gul...

    阅读(153) 2017-06-15
    5、使用gulp压缩JS代码的方法
  • 15条记录