mummybot / postcss-strip-inline-comments Goto Github PK

    ERROR in ./~/css-loader?sourceMap&importLoaders=1!./~/postcss-loader?parser=postcss-scss!./src/client/scss/pages/_home.css
    Module build failed: Error: Cannot find module 'postcss-scss'

'use strict';
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var qs = require('querystring');

//Post CSS 
var precss = require('precss');
var autoprefixer = require('autoprefixer');
var stripInlineComments = require('postcss-strip-inline-comments');

module.exports = {
    devtool: 'eval-source-map',
    entry: [
        'webpack-hot-middleware/client?reload=true',
        path.join(__dirname, 'src/client/js/Kindred')
    ],
    output: {
        path: path.join(__dirname, '/public/'),
        filename: '[name].js',
        publicPath: '/'
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: 'app/index.tpl.html',
            inject: 'body',
            filename: 'index.html'
        }),
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin(),
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': JSON.stringify('development')
        }),
        new ExtractTextPlugin("style.css")
    ],
    module: {
        loaders: [{
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel',
            query: {
                "presets": ["react", "es2015", "stage-0", "react-hmre"]
            }
        }, {
            test: /\.json?$/,
            loader: 'json'
        },
        {test: /\.png$/, loader: "url-loader?limit=100000"},
        // Images
        {test: /\.jpg$/, loader: "file-loader"},
        {
            test: /\.(eot|svg|ttf|woff|woff2)$/,
            loader: 'file?name=./font/[name].[ext]'
        },
        {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract('style-loader', 'css-loader?sourceMap&importLoaders=1!postcss-loader?parser=postcss-scss')

        }]
    },
    postcss: function (webpack) {
        return [stripInlineComments, precss, autoprefixer, require('postcss-simple-vars'), require('postcss-nested', autoprefixer({browsers: ['last 2 versions']}))];
    }
};

// .avatar-img {
// 	border-radius: 5px;
// }

a { color:red; //comment }

(node:58626) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): CssSyntaxError: <css input>:1:16: Unknown word

> 1 | a { color:red; //comment }
    |                ^

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

var badCss = 'a { color:red; //comment }';

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