webpack.config.dev.js

var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin')
var srcPath = path.join(__dirname, 'app');

module.exports = {
  devtool: 'source-map',
  entry: [
    'eventsource-polyfill', // necessary for hot reloading with IE
    'webpack-hot-middleware/client',
    './app/index.jsx'
  ],
  resolve: {
    root: srcPath,
    extensions: ['', '.js', '.jsx'],
    modulesDirectories: ['node_modules', 'src'],

    alias: {
        'material'     : "../node_modules/react-mdl/extra/material.js",
        'material.css' : "../node_modules/react-mdl/extra/material.css"
        // 'material-icons': "../"
    }
  },
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/'
  },
  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new ExtractTextPlugin('styles.css'),
    new HtmlWebpackPlugin({
        inject: false,
        template: 'index.html',
        favicon: 'app/favicon.png'
    })
  ],
  module: {
    preLoaders: [
      {test: /\.jsx$/, loader: "eslint-loader", exclude: /node_modules/}
    ],
    loaders: [{
      test: /\.jsx?/,
      loaders: ['babel'],
      include: srcPath
    },{
        test: /\.json$/,
        loader: "json-loader"
    }, {
        test: /\.less$/,
        loader: ExtractTextPlugin.extract('css?sourceMap!' + 'less?sourceMap')
    }, {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract('css?sourceMap')
    }, {
        test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.wav$|\.mp3$/, 
        loader: "file" 
    }, { 
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
        loader: "url-loader?limit=10000&mimetype=application/font-woff" 
    }, {
        test: /\.(ttf|eot)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
        loader: "file-loader" 
    }]
  }
};