brander-gulp-tasks

using in Brander

Usage no npm install needed!

<script type="module">
  import branderGulpTasks from 'https://cdn.skypack.dev/brander-gulp-tasks';
</script>

README

About

This is set of gulp tasks for common usage. It is wrapper over popular gulp things. It is flexible reusable and easy configurable.

What it can

  1. create hash of build time in custom format
  2. install bower with custom configuration
  3. browser sync
  4. requirejs build, optimize, concat
  5. just copy file from one place to another
  6. copy (for now) fonts, images
  7. process SCSS, autoprefixer
  8. build TWIG templates for twigjs

install

npm i --save-dev brander-gulp-tasks gulp

Often you want to use babel with presets, transformers, then you type something like

npm i --save-dev babel-plugin-transform-es2015-modules-umd babel-preset-es2015

requirements

  • nodejs v6+
  • npm

usage

run

gulp

OR

./node_modules/.bin/gulp

OR

./node_modules/brander-gulp-tasks/node_modules/.bin/gulp

very simple way

const gulp            = require('gulp');
const branderGulp     = require('brander-gulp-tasks');

branderGulp(gulp/*, config*/);

minify

env NODE_ENV=prod gulp

OR

env SYMFONY_ENV=prod gulp

optimize

env NODE_ENV=prod gulp build

Do not use without minifing, unless you don't use NODE_ENV

gulp build