Git Product home page Git Product logo

gulp-cheatsheet's Introduction

gulp-cheatsheet

A cheatsheet for gulp.

en-js-p1

Quick downloads

Usage

  • Print the PDF.
  • Put it on the wall beside your pc :)

Editions

p.1 p.2
English /
JavaScript
en-js-p1 en-js-p2
English /
CoffeeScript
en-coffee-p1 en-coffee-p2
日本語 /
JavaScript
ja-js-p1 ja-js-p2
简体中文 /
JavaScript
cn-js-p1 cn-js-p2

Example codes

Commands

  • install global: $ npm install -g gulp
  • install local: $ npm install --save-dev gulp $ npm install --save-dev gulp-other-plugins
  • run task: $ gulp task_name
  • run multi tasks: $ gulp task_name other_task

JavaScript: gulpfile.js

CoffeeScript: gulpfile.coffee

License

See also

gulp-cheatsheet's People

Contributors

cognitom avatar foolyoghurt avatar it0a avatar kud avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gulp-cheatsheet's Issues

Typoみつけました。

coffeeの差分のところですが、

changed = require 'gulp-cached'

changed = require 'gulp-changed'

ですよね?

A few more cheats

Now what? Any ideas and feedbacks are welcome :-)

  • /How/to/*/write/.glob
  • Multiple gulp.src introduced in gulp 3.8
  • gulp-debug to verbose
  • Text stream to vinyl

event-stream or merge-stream?

In this cheatsheet the two modules are used, but basically es.concat and merge has a same functionality. merge-stream seems my favorite because of readability, like below.

var merge = require('merge-stream');
gulp.task('hello', function(){
  return merge(stream1, stream2);
});

Here's some difference between these.

how to implement gulp serial-join

grunt implement

module.exports = function(grunt) {
  "use strict";

  // Project configuration.
  grunt.initConfig({
    less: {
      css: {
        src: ['less/style.less'],
        dest: 'css/bs.css'
      }
    },
    concat: {
      css: {
        files: {
          'dist/css/style.css': ['css/bs.css','css/bootstrap2/*.css']
        }
      }
    }
  })
  require('load-grunt-tasks')(grunt, {scope: 'devDependencies'});

  grunt.registerTask('default', ['less','concat']);
}

I tried to use gulp to implement "less" and do not "dest" new file and concat with other files. In other words, the code above don't generate "bs.css", it only dest style.css

https://github.com/osscafe/gulp-cheatsheet/blob/master/examples/js/serial-join.js

Not found gulp-streamqueue.

I've used "streamqueue" but it doesn't work.

Generate SVG

It would be nice if there were SVG versions as well which people could refer to, since these are more easy to handle in a browser.

Missing concat require

In the second PDF, the serial join operation doesn't declare var concat = require("gulp-concat").

Colors and readability

Hi,
Your cheatsheets are lovely and would well be worth printing ... but unfortunately the result is unreadable for me.
I'm using linux only and so I don't have, nor even know Sketch, to have a hope of adjusting the colors myself from source (thus keeping the result vectorial).
As a start, I would darken all the colors and change the yellow text to some visible color.
Could you do that for me and probably many other users would feel happier too !
Thanks.
Michelle

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.