Socket
Socket
Sign inDemoInstall

gulp-pleeease

Package Overview
Dependencies
294
Maintainers
2
Versions
16
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    gulp-pleeease

Postprocess CSS with ease.


Version published
Weekly downloads
357
increased by0.56%
Maintainers
2
Install size
43.4 MB
Created
Weekly downloads
 

Readme

Source

gulp-pleeease Build Status

Gulp plugin for pleeease

See pleeease.io for documentation.

Install

npm install --save-dev gulp-pleeease

Example

var gulp     = require('gulp');
var pleeease = require('gulp-pleeease');

gulp.task('css', function () {
  gulp.src('./src/*.css')
  .pipe(pleeease())
  .pipe(rename({
    suffix: '.min',
    extname: '.css'
  }))
  .pipe(gulp.dest('./dest'));
});

You can also use out option (and it's preferable for good sourcemaps):

gulp.task('css', function () {
  gulp.src('./src/*.css')
  .pipe(pleeease({
    out: 'out.min.css'
  }))
  .pipe(gulp.dest('./dest'));
});

Preprocessors support

As simple as it looks, no need for specific gulp modules:

var gulp     = require('gulp');
var pleeease = require('gulp-pleeease');

gulp.task('css', function () {
  gulp.src('./src/*.scss')
  .pipe(pleeease({
    sass: true
  }))
  .pipe(gulp.dest('./dest'));
});

Or maybe, if you have imports:

var gulp     = require('gulp');
var pleeease = require('gulp-pleeease');

gulp.task('css', function () {
  gulp.src('./src/*.scss')
  .pipe(pleeease({
    sass: {
      includePaths: ['path/to/include']
    }
  }))
  .pipe(gulp.dest('./dest'));
});

You can use Sass, LESS or Stylus.

Source map support

Using gulp-sourcemaps. To get good sourcemaps, you should always specify base option in gulp.src. You will get inline sourcemaps.

var gulp       = require('gulp');
var pleeease   = require('gulp-pleeease');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('css', function () {
  gulp.src('./src/*.css', {base: '.'})
    .pipe(sourcemaps.init())
      .pipe(pleeease())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./dest'));
});

And even with preprocessors. Here, using Stylus, and with sourcemaps as a separate file:

var gulp       = require('gulp');
var pleeease   = require('gulp-pleeease');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('css', function () {
  gulp.src('./src/*.styl', {base: '.'})
    .pipe(sourcemaps.init())
      .pipe(pleeease({
        stylus: {
          paths: ['path/to/include']
        }
      }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('./dest'));
});

Options

Same as pleeease

License

MIT © Daniel Husar

Keywords

FAQs

Last updated on 17 Nov 2015

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc