PostCSS strip inline comments

A plugin to remove inline CSS comments from compilation.

1/* This comment will remain */
2// This comment will be removed
3body {
4    // This comment will also be removed
5    background-color: black;
6}
7// And so will this one

Usage

You need to have a compliant parser, currently either postcss-scss or sugarss already parsing your postcss for this plugin to work.

Install

npm install postcss-strip-inline-comments --save-dev

Grunt

1grunt.initConfig({
2  postcss: {
3    options: {
4      processors: [
5        require('postcss-strip-inline-comments'),
6      ],
7      syntax: require('postcss-scss')
8    },
9    dist: {
10      src: 'css/*.css'
11    }
12  }
13});

Gulp

1var gulp = require('gulp');
2var postcss = require('gulp-postcss');
3var stripInlineComments = require('postcss-strip-inline-comments');
4var scss = require('postcss-scss');
5
6gulp.task('default', function () {
7    var processors = [stripInlineComments];
8    return gulp.src('in.css')
9        .pipe(postcss(processors, {syntax: scss}))
10        .pipe(gulp.dest('out'));
11});

Webpack

1var stripInlineComments = require('postcss-strip-inline-comments');
2
3var config = {
4  ...
5
6  module: {
7    loaders: [
8      { 
9        test: /\.s?css$/,
10        loader: ExtractTextPlugin.extract('style-loader', 'css-loader?sourceMap&importLoaders=1!postcss-loader?parser=postcss-scss')
11      }
12    ]
13  },
14  postcss: function(webpack) {
15    return [
16      stripInlineComments
17    ];
18  },
19  ...
20}

Node

1import postcss from 'postcss';
2import syntax from 'postcss-scss';
3import stripInlineComments from 'postcss-strip-inline-comments';
4
5let css = fs.readFileSync('style.css', 'utf8');
6
7postcss([stripInlineComments]).process(css, { parser: syntax }).then( result => {
8    console.log(result.css);
9});