zoukankan      html  css  js  c++  java
  • 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有所了解,欢迎提问和指错。谢谢!

  • 相关阅读:
    冲刺周期会议三
    冲刺周期会议二
    冲刺周期会议一
    日常会议
    总结会议及站立会议(六)
    站立会议(五)
    站立会议(四)
    【自习任我行】
    软件小创意
    团队项目题目拟定
  • 原文地址:https://www.cnblogs.com/fuweimin/p/5998038.html
Copyright © 2011-2022 走看看