gulp-query-styles v1.0.1

gulp-query-styles

Plugin for gulp-query

Uses cssnano with autoprefixer for optimization

This plugin provides automatic source maps, copy, combine and rename CSS, autoprefixing and minification. Write your CSS rules without vendor prefixes — autoprefixer will do everything itself

npm install gulp-query gulp-query-styles

Example

Paste the code into your gulpfile.js and configure it

let build = require('gulp-query')
  , styles = require('gulp-query-styles')
;
cocktail(function (query) {
    query.plugins([styles])
      .styles(['1.css','2.css'],'css/12.css','onetwo')
      .styles('css_source/*.css','css/')

      .styles({
        from: 'css_source/*.css',
        to: 'css/big.css',
        name: 'big'
      })
      ;
});

And feel the freedom

gulp
gulp --production // For production
gulp watch // Watching change
gulp styles // Only for styles
gulp styles:onetwo
gulp styles:big watch
...

Options

.styles({
    name: "task_name", // For gulp styles:task_name 
    from: 'css_source/*.css', // ['1.css','2.css']
    to: "css/",
    source_map: true,
    source_map_type: 'inline',
    full: false, // if set true is without compress in prod
    autoprefixer: {
      browsers: ["> 1%", "last 2 versions"],
    }
})