• gulp的简单使用


    一、Gulp的安装:

    注意:在gulp安装之前需要安装nodejs环境  nodejs下载地址:https://nodejs.org/en/    安装v4.6.1版本

    1.先在cmd下全局安装gulp,在命令窗口输入:npm install gulp -g

    2.然后在项目文字下进行本地安装:npm install gulp --save-dev

    二、创建gulpfile文件:在项目中创建gulpfile.js文件。

    三、gulp的简单命令:

    在gulpfile.js中首先需要编写代码:var gulp = require("gulp");

    然后根据需求进行相应的gulp操作。

    1.复制文件:gulp.task("操作名",function(){

      return gulp.src("复制文件名").pipe(gulp.dest("写入文件名"));

    })

    2.gulp.watch:用于自动监控gulp操作。

    eg:gulp.task("watch",function(){

      gulp.task("index.html",["操作名"]);

    })

    3.gulp插件

    gulp常用插件如下:

    gulp-sass

    gulp-connect(本地服务器)

    gulp-concat(合并文件)

    gulp-uglify(压缩文件,一般用于压缩js)

    gulp-minify-css(压缩css)

    gulp-imagemin(压缩图片)

    gulp-htmlmin(压缩html)

    gulp-rename(给文件重命名)

    gulp-rev、gulp-rev-collector(这两个一起用可以实现给文件添加版本号)

    插件几乎都用webstorm命令行使用如下方式下载:

    npm install 插件名 --save-dev

    注意:尽量在网速稳定,快的情况下下载,不然可能出现下载的插件不完整,导致相关操作报错。

    插件下载地址:http://gulpjs.com/plugins/

    在该地址中总结了2700多个插件,也有具体的插件使用方法。

    最后,希望大家看后对gulp有所了解,欢迎提问和指错。谢谢!

  • 相关阅读:
    Algs4-1.1.27二项分布
    Algs4-1.1.25数学归纳法证明欧几里得算法
    Algs4-1.1.26证明以下代码能够将a、b、c按照升序排列
    Algs4-1.1.24欧几里得算法求最大公约数
    Algs4-1.1.23区分在与不在白名单中的值
    Algs4-1.1.22以缩进方式打印递归参数
    微服务架构是什么?
    python 迭代器
    python 列表推导
    python 创建二维数组的方法
  • 原文地址:https://www.cnblogs.com/fuweimin/p/5998038.html
Copyright © 2020-2023  润新知