gulpconfig.js

module.exports = {
  css: {
    enabled: true,
    src: [
      'scss/**/*.scss',
      'source/_patterns/**/*.scss',
      'source/styleguide/*.scss',
    ],
    dest: 'dest/',
    flattenDestOutput: true,
    lint: {
      enabled: true,
      failOnError: true,
      // in addition to linting `css.src`, this is added.
      extraSrc: [],
    },
    // additional debugging info in comment of the output CSS - only use when necessary
    sourceComments: false,
    sourceMapEmbed: false,
    // tell the compiler whether you want 'expanded' or 'compressed' output code
    outputStyle: 'expanded',
    // https://github.com/ai/browserslist#queries
    autoPrefixerBrowsers: [
      'last 2 versions',
      'IE >= 10',
    ],
    includePaths: [
      './node_modules',
      './bower_components',
    ],
    // http://sassdoc.com
    sassdoc: {
      enabled: true,
      dest: 'dest/sassdoc',
      verbose: false,
      basePath: 'https://github.com/phase2/pattern-lab-starter/blob/master/source/_patterns',
      exclude: [],
      theme: 'default',
      // http://sassdoc.com/customising-the-view/#sort
      sort: [
        'file',
        'group',
        'line>',
      ],
    },
  },
  js: {
    enabled: true,
    src: [
      'js/**/*.js',
      'source/_patterns/**/*.js',
    ],
    dest: 'dest/',
    destName: 'script.js',
    sourceMapEmbed: false,
    uglify: false,
    babel: true,
    // Will bundle all bower JS dependencies (not devDeps)
    // creates a `bower_components.min.js` file in `js.dest`.
    bundleBower: true,
    eslint: {
      enabled: true,
      src: [
        'js/**/*.js',
        'source/_patterns/**/*.js',
        '.*.js',
        '*.js',
      ],
    },
  },
  patternLab: {
    enabled: true,
    configFile: 'pattern-lab/config/config.yml',
    watchedExtensions: [
      'twig',
      'json',
      'yaml',
      'yml',
      'md',
      'jpg',
      'jpeg',
      'png',
    ],
    injectFiles: [],
    injectBower: true,
    bowerBasePath: './',
    twigNamespaces: {
      addToDrupalThemeFile: true,
      sets: [
        {
          namespace: 'base',
          paths: ['source/_patterns/00-base'],
        }, {
          namespace: 'atoms',
          paths: ['source/_patterns/01-atoms'],
        }, {
          namespace: 'molecules',
          paths: ['source/_patterns/02-molecules'],
        }, {
          namespace: 'organisms',
          paths: ['source/_patterns/03-organisms'],
        }, {
          namespace: 'templates',
          paths: ['source/_patterns/04-templates'],
        }, {
          namespace: 'pages',
          paths: ['source/_patterns/05-pages'],
        },
      ],
    },
    scssToJson: [
      {
        src: 'source/_patterns/00-base/01-colors/_color-vars.scss',
        dest: 'source/_patterns/00-base/01-colors/colors.json',
        lineStartsWith: '$c-',
        allowVarValues: false,
      },
      {
        src: 'source/_patterns/01-atoms/01-typography/fonts/_fonts.scss',
        dest: 'source/_patterns/01-atoms/01-typography/fonts/font-sizes.json',
        lineStartsWith: '$fs--',
        allowVarValues: false,
      },
      {
        src: 'source/_patterns/01-atoms/01-typography/fonts/_fonts.scss',
        dest: 'source/_patterns/01-atoms/01-typography/fonts/font-families.json',
        lineStartsWith: '$ff--',
        allowVarValues: false,
      },
      {
        src: 'source/_patterns/00-base/breakpoints/_breakpoints.scss',
        dest: 'source/_patterns/00-base/breakpoints/breakpoints.json',
        lineStartsWith: '$bp--',
        allowVarValues: false,
      },
      {
        src: 'source/_patterns/00-base/spacing/_spacing.scss',
        dest: 'source/_patterns/00-base/spacing/spacing.json',
        lineStartsWith: '$spacing--',
        allowVarValues: false,
      },
      {
        src: 'source/_patterns/00-base/animations/01-transitions/_transitions.scss',
        dest: 'source/_patterns/00-base/animations/01-transitions/transitions.json',
        lineStartsWith: '$trans-',
        allowVarValues: true,
      },
    ],
  },
  // https://github.com/nfroidure/gulp-iconfont
  icons: {
    enabled: true,
    src: 'images/icons/src/*.svg',
    dest: 'dest/',
    fontPathPrefix: '',
    classNamePrefix: 'icon',
    autohint: false,
    normalize: true,
    templates: {
      enabled: true,
      css: {
        src: 'images/icons/templates/_icons-settings.scss',
        dest: 'source/_patterns/01-atoms/images/',
      },
      demo: {
        src: 'images/icons/templates/icons.twig',
        dest: 'source/_patterns/01-atoms/images/',
      },
    },
    formats: [
      'ttf',
      'eot',
      'woff',
      'svg',
    ],
  },
  browserSync: {
    enabled: true,
    port: 3050,
    watchFiles: [],
    // enable when full CMS is set up
    // domain: 'mysite.dev',
    baseDir: './',
    startPath: 'pattern-lab/public/',
    openBrowserAtStart: false,
    // requires above to be true; allows non-default browser to open
    browser: [
      'Google Chrome',
    ],
    // Tunnel the Browsersync server through a random Public URL
    // -> http://randomstring23232.localtunnel.me
    tunnel: false,
    reloadDelay: 50,
    reloadDebounce: 750,
    rewriteRules: [],
  },
  drupal: {
    enabled: false,
    themeFile: 'patternlab.info.yml',
    // when these files change
    watch: [
      'templates/**',
    ],
    // run this command
    command: 'drush cc all',
    // in this directory
    dir: './',
  },
};