react-css-components/examples/sass/webpack.config.js

Define styled React components using CSS based module format

var common = require('../webpack.config');

module.exports = Object.assign({}, common(__dirname), {
  module: {
    loaders: [
      {
        test: /\.react.scss/,
        loader: 'react-css-components',
        query: {
          loadCSS: [
            'style-loader',
            'css-loader?modules',
            'sass-loader',
          ]
        }
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
      }
    ]
  }
});