Concatenates css files, bubbling up import statements (as per the standard), and optionally rebasing urls and inlining local import statements.
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.gitignore
.travis.yml Fix #22 Mar 23, 2015
LICENSE First Feb 19, 2014
README.md typo fix Apr 12, 2018
index.js Exposed commonBase to be assignable, instead of relying on "first fil… Feb 26, 2018
package.json 3.1.0 Mar 6, 2018

README.md

gulp-concat-css

Build Status NPM version Dependency Status Downloads

Concatenates css files, bubbling up @import statements (as per the standard), and optionally rebasing urls and inlining local @import statements.

Install

Install with npm.

npm install --save-dev gulp-concat-css

Examples

var gulp = require('gulp');
var concatCss = require('gulp-concat-css');

gulp.task('default', function () {
  return gulp.src('assets/**/*.css')
    .pipe(concatCss("styles/bundle.css"))
    .pipe(gulp.dest('out/'));
});

TIP: for a proper import inlining and url rebase, make sure you set the proper base for the input files.

API

concatCss(targetFile, options)

  • targetFile: The relative path of the generated file containing the concatenated css
  • options: (since 2.1.0)
    • inlineImports: (default true) Inline any local import statement found
    • rebaseUrls: (default true) Adjust any relative URL to the location of the target file.
    • includePaths: (default []) Include additional paths when inlining imports
    • commonBase: (default to the base property of the first file) Common base path from which files and urls resolve

License

MIT @ Mario Casciaro