O'Reilly logo

Continuous Integration, Delivery, and Deployment by Sander Rossel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Concatenating CSS

The next step is a simple one. Since we only have two CSS files, let's bundle them. It is not as complicated as our JavaScript bundles. Just concatenate the two files and save them in a single file:

npm install gulp-concat --save-dev

The concat step is just a single step and does exactly what you expect it to do:

var concat = require('gulp-concat');gulp.task('css-concat', function () {   return gulp.src('css/*.css')      .pipe(concat('all.css'))      .pipe(gulp.dest('prod/css'));});

The result is a file called all.css and contains the contents of all the CSS files in the css folder.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required