webpack.config.js

const CleanWebpackPlugin = require('clean-webpack-plugin');
const path = require('path');
const webpack = require('webpack');
const merge = require('webpack-merge');
const styles = require('./webpack/styles');
const uglify = require('./webpack/uglify');
const images = require('./webpack/images');
const html = require('./webpack/html');
const json = require('./webpack/json');
const babel = require('./webpack/babel');

const common = (PATHS,isDebug) => merge([
    {
        entry: {
            main: ['babel-polyfill', PATHS.source+'/index.js']
        },
        output: {
            path: PATHS.build,
            filename: "bundle.js"
        },
        devtool: 'source-map',
        devServer: {
            compress: true,
            port: 5050,
            hot: true,
            https: false
        },
        resolve: {
            alias: {
                styles: PATHS.build
            }
        },
        plugins: [
            new CleanWebpackPlugin(
                [PATHS.build]
            ),
            new webpack.DefinePlugin({
                _DEBUG: isDebug
            }),
            new webpack.HotModuleReplacementPlugin()
        ]
    },
]);

module.exports = (env = {}) => {
    const isDebug = !env.release;
    console.log("isDebug",isDebug);
    const PATHS = {
        source: path.join(__dirname, 'src'),
        build: path.join(__dirname, 'build')
    };

    return merge([
        common(PATHS,isDebug),
        styles(PATHS,isDebug),
        babel(PATHS,isDebug),
        html(PATHS),
        images(isDebug),
        json(),
    ]);

};