Giter Club home page Giter Club logo

gulp-building's Introduction

Gulp-Building

Playing around with gulp and building some common front-end tasks.

  • gulp scripts minify, concatenate and copy all js files to dist/scripts with sourcemaps included.
  • gulp styles compiles scss files into css, then concatenate and minify to dist/styles with sourcemaps included.
  • gulp images optimize JPEG and PNG file sizes and is copied to dist/content.
  • gulp clean deletes dist folder.
  • gulp processHTML changes the index.html from the src so it is more fitting for a production build. Includes minified/concatenated js and css file links. Makes sure all paths for images are correct.
  • gulp copy copies all other files to dist. (This would be the icons folder.)
  • gulp server runs a live server.
  • gulp reload refreshs the browser, when server is live.
  • gulp watch runs watchers observering over any changes to js or scss/sass files. These changes will either run the scripts or styles task depending on which file is being changed live.
  • gulp build does clean, scripts, styles, images, and copy tasks.
  • gulp does all tasks in a optimal series.

gulp-building's People

Contributors

braagaa 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.