webpack config for react projects

webpack-react.config.js

'use strict';

const p = require('path');
// const webpack = require('webpack');

module.exports = {
  // we are going to read from here
  entry: p.resolve(__dirname, 'src/app.js'),
  // where we gonna spit it out
  output: {
    path: p.resolve(__dirname, 'dist'),
    filename: 'app.bundle.js',
  },
  // modules
  module: {
    loader: [{
      test: /\.js$/,
      loader: 'babel-loader',
      query: {
        presets: ['es2015', 'react'],
      },
    }],
  },
  // stats
  stats: {
    colors: true,
  },
  devtool: 'source-map',
};