generator-mc-d8-theme/generators/app/templates/_gulp-tasks/concat.js

Yeoman generator for creating Drupal 8 component based themes.

// Include gulp
const { src, dest } = require('gulp');

// Include Our Plugins.
var concat = require('gulp-concat');
var order = require('gulp-order');
var sourcemaps = require('gulp-sourcemaps');

// Export our tasks.
module.exports = {
  // Concat all CSS into a master bundle.
  concatCSS: function () {
    return (
      src([
        './dist/css/*.css',
        '!./dist/css/all.css',
        '!./dist/css/pattern-scaffolding.css'
      ])
        .pipe(sourcemaps.init())
        // Reorder the files so global is first.
        // If you need to get fancier with the order here's an example:
        // .pipe(order([
        //   'dist/css/global.css',
        //   'src/components/**/*.css',
        //   'dist/css/btn.css',
        //   'dist/css/form-item.css',
        //   'dist/css/form-float-label.css',
        //   'dist/css/*.css'
        // ], { base: './' }))
        .pipe(order([
          'dist/css/global.css',
          'dist/css/*.css'
        ], { base: './' }))
        .pipe(concat('all.css'))
        .pipe(sourcemaps.write('./'))
        .pipe(dest('./dist/css'))
    );
  },
  // Concat all JS into a master bundle.
  concatJS: function() {
    return (
      src(['./dist/js/*.js', '!./dist/js/all.js'])
        // If you need to reorder any of the JS files here's an example:
        // .pipe(order([
        //   'dist/js/header.js',
        //   'dist/js/button.js',
        //   'dist/js/*.js'
        // ], { base: './' }))
        .pipe(concat('all.js'))
        .pipe(dest('./dist/js'))
    );
  }
};