gulp-cssi

Concat css-files to css-file with @import lines

Getting Started

This plugin requires Gulp.

Install this plugin with this command:

npm install gulp-cssi --save-dev

Example

var gulp = require('gulp');
var cssi = require('gulp-cssi');

gulp.task('default', function ()
{
  gulp.src([
    '!example/main.css', /* exclude file */
    'example/reset.css', /* put file out of alphabetical turn */
    'example/*.css' /* other files in alphabetical turn */
  ])
    .pipe(cssi('main.css', {prefix: '../'})) /* make prefix to proper path, just for example */
    .pipe(gulp.dest('example'));
});

Options

options.prefix

Type: String Default value is empty string

A string value that is used to make prefix to filenames

options.saveEnclosure

Type: UInt Default value is 0

If path of your css-file is /Applications/MAMP/htdocs/localhost/components/menu/menu.css and you want to get import url("menu/menu.css"); then you need one more enclosure. So you set saveEnclosure: 1. And you may set saveEnclosure: 2 to get components/menu/menu.css piece of path.

options.concat

Type: Boolean Default value is false If you need concat css files to single file this works for it. I think it's better then gulp-concat because it concats it right order without duplicating files. Right order means file with name block__element-modify.css will be after block__element.css. Not like gulp-concat does. Actualy the same think works without this option.

license MIT