v2.0.0

[michael-ciniawsky]

Refactor

options.config

webpack.config.js

{
  test: /\.scss$/
  use: [ 
    { 
      loader: 'postcss-loader',
      options: { config: { path: 'path/to/postcss.config.js', ctx: {} }
    }
  ]
}

postcss.config.js

module.exports = ({ file, options /* options.ctx */, env}) => ({
   parser: file.extname  === '.sss' ? 'sugarss' : false,
   plugins: {
      'postcss-nested':  {},
      'cssnano': env === 'production' ? { safe: true } : false
   } 
})

Features

Syntax Error

Options Validation Error

Module Export

This is especially useful for Angular 2 Users

webpack.config.js

{
  test: /\.scss$/
- use: [ 'raw-loader',  'sass-loader' ]
+ use: [ 'postcss-loader', 'sass-loader' ]
}

Breaking Changes

options.config

Removed Loader API (ctx.webpack)

options.pack

Removed Completely

options.rewrite (webpack Plugin Hook)

Removed Completely