webpack1.dev.config.js

// Currently not active
// Webpack1 config for development
var path = require('path');
var webpack = require('webpack');
var buildPath = path.resolve(__dirname, 'public', 'build');

var PORT = process.env.PORT || 3000;

module.exports = {
    entry: [
    // Only needed in node webpack dev server
    // 'webpack-dev-server/client?http://localhost:3000/',
    // 'webpack/hot/only-dev-server',
    path.resolve(__dirname, 'client', 'index.jsx')
  ],

    // If confused: https://github.com/webpack/docs/wiki/configuration#outputpublicpath
    output: {
        // We need to give Webpack a path. It does not actually need it,
        // because files are kept in memory in webpack-dev-server, but an
        // error will occur if nothing is specified. We use the buildPath
        // as that points to where the files will eventually be bundled
        // in production
        // The output directory as an absolute path (required).
        path: './public/build',
        filename: 'bundle.js',
        // This modified bundle is served from memory at the relative path specified in publicPath (see API).
        // It will not be written to your configured output directory.
        // Where a bundle already exists at the same URL path, the bundle in memory takes precedence (by default).
        // Using the configuration above, the bundle is available at localhost:3000/build/bundle.js.
        publicPath: '/build/'
    },

    plugins: [
    // Only needed when we write webpack-dev-server in node file.
    // new webpack.optimize.OccurenceOrderPlugin(),
    // new webpack.HotModuleReplacementPlugin(),
    // new webpack.NoErrorsPlugin()
  ],
    devServer: {
        // http://localhost:3000/api/abc will be redirect to 3001/api/abc
        // Serve the static files under public folder
        contentBase: './public',
        port: PORT,
        proxy: {
            // /sc/api-v1/* and /sc/api-v2/*
            '/sc/*': {
                target: 'http://localhost:3001',
                secure: false
            }
        },
        historyApiFallback: true
    },
    // Use resolve.moduleDirectories only for package managers with a depth dependency structure.
    // In every other case use resolve.root.
    resolve: {
        root: [
            path.resolve(__dirname, './node_modules')
        ],
        alias: {
            client: path.resolve(__dirname, './client'),
            assets: path.resolve(__dirname, './public')
        },
        extensions: ['', '.js', '.jsx', 'stage-0']
    },
    module: {
        loaders: [
            {
                loaders: ['react-hot', 'babel-loader'],
                test: /\.jsx?$/,
                exclude: /node_modules/
            },
            {
                test: /\.scss$/,
                loaders: ['style', 'css', 'sass']
            },
            {
                test: /\.(jpe?g|png|ttf|eot|svg|woff(2)?)(\S+)?$/,
                loader: 'url?limit=10000', // When file size is greater than 10KB, use file-loader instead
            },
        ]
    },
    devtool: 'source-map'
};