auto-gen-react/templates/es6_webpack_react/build/webpack.config.dev.babel.js

create multiple app based es6+webpack, eg: react, react+redux

import webpack from 'webpack';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import webpackMerge from 'webpack-merge';

import webpackBaseConf from './webpack.config.base';
import baseConfig from './baseConfig';


const webpackDevConf = webpackMerge(webpackBaseConf, {

    output: {
        publicPath: baseConfig.publicPath,
    },
    
    devtool: 'inline-source-map',

    devServer: {
        hot: true,
        port: baseConfig.port,
        host: baseConfig.host,
        proxy: baseConfig.proxy,
    },

    module: {
        rules: [
            //css && less rules
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [
                        'css-loader',
                        'postcss-loader',
                    ]
                }),
            },
            {
                test: /\.less$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [
                        'css-loader',
                        'postcss-loader',
                        'less-loader',
                    ],
                }),
            },
        ],
    },

    plugins: [
        // 代码中注入变量
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': JSON.stringify(baseConfig.env),
        }),
        new webpack.NamedModulesPlugin(),
        new webpack.HotModuleReplacementPlugin({
            // Options...
        }),
    ]
});

export default webpackDevConf;