Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including grunt-css-byebye with all npm packages installed. Try it out:

grunt-css-byebye lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

require("grunt/package.json"); // grunt is a peer dependency. // require("grunt-css-byebye/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

grunt-css-byebye v0.2.0

Say goodbye to your unwanted css rules with this grunt plugin.

grunt-css-byebye

Say goodbye to your unwanted css rules with this grunt plugin.

Getting Started

This plugin requires Grunt ~0.4.5

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-css-byebye --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-css-byebye');

The "cssbyebye" task

Overview

In your project's Gruntfile, add a section named cssbyebye to the data object passed into grunt.initConfig().

grunt.initConfig({
  cssbyebye: {
    options: {
      // Task-specific options go here.
    },
    your_target: {
      // Target-specific file lists and/or options go here.
    }
  }
})

Options

options.rulesToRemove

Type: [Mixed] Default value: []

An array that contains strings (CSS selectors) or regular expressions.

Usage Examples

In this example, it would match a rule with the exact selector .hello and any rule that contains a class that starts with .world.

grunt.initConfig({
  cssbyebye: {
    mystyles: {
      options: {
        rulesToRemove: ['.hello', /.*\.world.*/]
      },
      files: {
        'mystyles.css': ['byebye/mystyles.css']
      }
    }
  }
})

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

Changelog

Release 0.2.0

First public release. Check CSS Byebye

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free