Remove inline comments from postcss-scss parser
JavaScript CSS
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib Resolve deprecated eachComment Jul 1, 2016
test
.babelrc Initial commit Mar 10, 2016
.editorconfig Initial commit Mar 10, 2016
.eslintrc Initial commit Mar 10, 2016
.gitignore Initial commit Mar 10, 2016
.npmignore Initial commit Mar 10, 2016
.travis.yml Initial commit Mar 10, 2016
CHANGELOG.md Added npm build, uptick to v0.1.5 Jul 14, 2016
LICENSE
README.md Fixed headings in Readme.md Apr 8, 2017
gulpfile.babel.js Initial commit Mar 10, 2016
package.json Added npm build, uptick to v0.1.5 Jul 14, 2016

README.md

PostCSS strip inline comments Build Status

A plugin to remove inline CSS comments from compilation.

/* This comment will remain */
// This comment will be removed
body {
    // This comment will also be removed
    background-color: black;
}
// 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

grunt.initConfig({
  postcss: {
    options: {
      processors: [
        require('postcss-strip-inline-comments'),
      ],
      syntax: require('postcss-scss')
    },
    dist: {
      src: 'css/*.css'
    }
  }
});

Gulp

var gulp = require('gulp');
var postcss = require('gulp-postcss');
var stripInlineComments = require('postcss-strip-inline-comments');
var scss = require('postcss-scss');

gulp.task('default', function () {
    var processors = [stripInlineComments];
    return gulp.src('in.css')
        .pipe(postcss(processors, {syntax: scss}))
        .pipe(gulp.dest('out'));
});

Webpack

var stripInlineComments = require('postcss-strip-inline-comments');

var config = {
  ...

  module: {
    loaders: [
      { 
        test: /\.s?css$/,
        loader: ExtractTextPlugin.extract('style-loader', 'css-loader?sourceMap&importLoaders=1!postcss-loader?parser=postcss-scss')
      }
    ]
  },
  postcss: function(webpack) {
    return [
      stripInlineComments
    ];
  },
  ...
}

Node

import postcss from 'postcss';
import syntax from 'postcss-scss';
import stripInlineComments from 'postcss-strip-inline-comments';

let css = fs.readFileSync('style.css', 'utf8');

postcss([stripInlineComments]).process(css, { parser: syntax }).then( result => {
    console.log(result.css);
});