zoukankan      html  css  js  c++  java
  • Gulp入门教程

    Gulp 是一个 当前 非常流行的 构建工具,

    Gulp 构建工具,是提供一个基础平台, 上面可以编写各种任务, 比如, 压缩代码的任务, 编译CSS文件, 代码转换, Web服务器等等 任务. 

    基本的使用方式

    var gulp =  require(‘gulp’)

    gulp.task(‘default’,function(){

       console.log(‘run default task ’)

    })

    在命令行  , 默认运行  gulp 的时候, 会运行  default 任务

    任务之间是可以存在依赖的. 

    gulp.task(‘demo’,[‘demo1’,’demo2’],function(){

       //这里运行会按照依赖数组的顺序来运行, 比如先运行 DEMO1 , 然后在运行 DEMO2. ,最后执行 回调函数

    })

    如何匹配一个目录下的所有 js 文件( 目录以及子目录下的所有文件 )

    src(‘**/*.js’)

    使用 gulp 单独的写各种任务, 还是比较痛苦的, 于是有了各种插件, 可以使用插件来帮助我们实现我们想要的操作. 比如 代码压缩, web服务器, less 转换 等等. 

    常用的 gulp 插件有

    gulp-less

    autoprefixer

    gulp-uglify

    gulp-rename

    等等

  • 相关阅读:
    no-return-assign (Rules) – Eslint 中文开发手册
    CSS 字体图标
    CSS 元素的显示与隐藏
    CSS 定位
    CSS 清除浮动
    CSS 浮动
    java 运算符
    Java 初识
    CSS3 完善盒模型
    CSS 盒子模型
  • 原文地址:https://www.cnblogs.com/zhongxia/p/5669756.html
Copyright © 2011-2022 走看看