Giter VIP home page Giter VIP logo

gulp-simple's Introduction

Simple gulp

Gulp tasks

build

Build project

watch

Watch for changes

clean

Clean destination folder

API

init(config);

config

Type: Object

Required

config.src

Type: String

Required

Source directory

config.dest

Type: String

Required

Destination directory

config.types

Type: Object

Required

List of types

config.types[type].src

Type: String

Required

Filter souce relative config.src

config.types[type].dest

Type: String

Default: ''

Destination folder relative config.dest

config.types[type].pipe

Type: Array

Default: empty pipe

List of pipes

config.types[type].pipe[n]

Type: Array of String

Required

First is name of npm module, Following are arguments

config.types[type].minify

See config.types[type].pipe

Uses when minify is true

config.clean

Type: String Array of String

Default: config.dest

Argument for del

prefix

Type: String

Default: gulp-simple-

Prefix for gulp tasks

minify

Type: Boolean

Default: false

Enable minify. See config.types[type].minify

onWatch

Type: Function

Default: () => {}

watch.on('change') callback

incrementalWatch

Type: Boolean

Default: true

Enable incremental watch

config

Type: Object

Object after parse

pipes

Type: Array

Pipes, generated in build

Sample

Add to your project gulpfile.js:

const gulp = require('gulp');
const gulpSimple = require('gulp-simple')
const runSequence = require('run-sequence');
const minimist = require('minimist');

gulpSimple.minify = minimist(process.argv.slice(2)).release;
gulpSimple.init({
    src: 'source',
    dest: 'build',
    types: [
        css: {
            src: 'css/**/*.css',
            dest: 'css',
            pipe: [
                [ "gulp-autoprefixer", "last 2 versions" ]
            ,
            minify: [
                [ "gulp-cssnano" ]
            ]
        },
        less: {
            src: '**/*.less',
            dest: 'css',
            pipe: [
                [ "gulp-less" ],
                [ "gulp-autoprefixer", "last 2 versions" ]
            ],
            minify: [
                [ "gulp-cssnano" ]
            ]
        },
        js: {
            src: '**/*.js',
            dest: 'js',
            minify: [
                [ "gulp-uglify" ]
            ]
        }
    ],
    clean: [ 'build/**', '!build', '!build/uploads' ]
});

gulp.task('default', callback => runSequence(
    'gulp-simple-clean',
    'gulp-simple-build',
    callback
));

gulp.task('watch', callback => runSequence(
    'gulp-simple-clean',
    'gulp-simple-build',
    'gulp-simple-watch',
    callback
));

gulp-simple's People

Contributors

vlad-iakovlev avatar

Watchers

 avatar

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.