Webpack Config

webpack.config.js

/**
 * npm install --save-dev  webpack babel-loader babel-core babel-preset-{es2015,react} style-loader css-loader sass-loader
 * npm install --save react react-dom
 * directory folders: static, public
 */

const path	= require("path");
const webpack = require("webpack");

module.exports = {
	devtool: "source-map",
	entry: {
		app: "./static/app.js"
	},
	output: {
		pathInfo: true,
		path: "./public/",
		publicPath: "/",

		filename: "[name].js",
		sourceMapFilename: "[file].map"
	},
	stats: {
		colors: true,
		reasons: true
	},
	module: {
		loaders: [
			{
				test: /\.jsx?$/,
				loader: 'babel',
				execlude: /node_modules|bower_components/
			},
			{
				test: /\.css$/,
				loader: "style!css?modules&localIdentName=[name]-[local]--[hash:base64:5]"
			},
			{
				test: /\.scss$/,
				loaders: ["style!sourceMap", "css?modules&importLoaders=1&localIdentName=[name]--[local]", "sass?sourceMap"],
				execlude: /node_modules|bower_components/
			}
		]
	},
	resolve: {
		extension: ["" ,".webpack.js", ".js", ".jsx", ".scss", ".css"]
	},
	plugins: [
		new webpack.NoErrorsPlugin(),
		new webpack.optimize.OccurenceOrderPlugin(),
	]
}