webpack.config.js

var ExtractTextPlugin = require('extract-text-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: './demo-app/main.js',
  output: {
    path: __dirname,
    filename: './demo-app/dist/scripts.js'
  },
  devServer: {
    port: 8080,
    contentBase: __dirname
  },
  module: {
    rules: [
      {
        test: /.js?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: [
            ['es2015', {modules: false}],
            'react'
          ]
        }
      }, {
        test: /\.css$/,
        loader:'style-loader!css-loader'
      }, {
        test: /\.scss$/,
        exclude: /components/,
        loader: ExtractTextPlugin.extract({
          fallbackLoader: 'style-loader',
          loader: 'css-loader!sass-loader'
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin('./demo-app/dist/styles.css'),
    new HtmlWebpackPlugin({template: './demo-app/index.template.html'})
  ]
};