74sharlock/balm

BalmJS

Installation

$ npm install --save-dev balm gulp

Usage

// gulpfile.js
var balm = require('balm');

balm.config = {
  // your project config
};

balm.go();

# for development
$ gulp

# for production
$ gulp --production

Config

// for ES6
$ npm install --save-dev babel-preset-es2015

// .babelrc
{
  "presets": ["es2015"]
}

Root

{
  ...
  roots: {
    app: 'app',  // input folder
    dist: 'dist' // output folder
  },
  ...
}

Path

{
  ...
  paths: {
    app: {
      html: '/',
      css: '/styles',
      js: '/scripts',
      img: '/images',
      font: '/fonts'
    },
    dist: {
      html: '/',
      css: '/css',
      js: '/js',
      img: '/img',
      font: '/fonts'
    }
  },
  ...
}

Style

{
  ...
  styles: {
    AUTOPREFIXER: ['last 2 versions'],
    ext: 'scss'
  },
  ...
}

Support extension: sass, scss, less

Script

{
  ...
  scripts: {
    entry: {
      'main': './app/scripts/main.js'
    }
  },
  ...
}

Sprite

{
  ...
  sprites: {
    basePath: '..',      // relative to css file
    cssPath: '/sprites', // css folder
    imgList: ['icon']    // image folder
  },
  ...
}

License

© elf-mouse

thx node&gulp