Production vs. Dev Build

[webpack-contrib]

Production vs. Dev Build

[carlosrberto]

I'm using a setup like this, in a recent project:

var webpack = require("webpack");
var Clean = require('clean-webpack-plugin');
var webpackConfig = require("../webpack/webpack.config.js");
var StatsPlugin = require('stats-webpack-plugin');

var path = require('path');
var basePath =  __dirname + "/../../";
var staticPath = basePath + "django/static/v2/";
var jsPath = staticPath + "js/";

....

webpack: {
    options: webpackConfig,

    dev: {
        plugins: webpackConfig.plugins.concat(
            new Clean(['build'], jsPath)
        ),
        debug: true
    },

    prod: {
        plugins: webpackConfig.plugins.concat(
            new webpack.optimize.UglifyJsPlugin(),
            new webpack.DefinePlugin({
                'process.env': {NODE_ENV: JSON.stringify("production")}
            })
        )
    },

    stats: {
        plugins: webpackConfig.plugins.concat(
            new StatsPlugin('stats.json', {
                chunkModules: true,
                exclude: [/node_modules[\\\/]react/]
            })
        )
    },

    watch: {
        plugins: webpackConfig.plugins.concat(
            new Clean(['build'], jsPath)
        ),
        // debug: true,
        watch: true,
        keepalive: true,
        failOnError: false,
        // devtool: "source-map"
    }
}