var webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

var path = require('path');
module.exports = {
    mode: 'production', // production,development
    entry: {
        app: path.join(__dirname, 'src', 'index.js')
    },
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, 'dist'),
        publicPath: '/'
    },
    devServer: {
        port: 7000,
        host: '0.0.0.0',
        contentBase: path.join(__dirname, "dist"),
        historyApiFallback: {
            rewrites: [{
                from: /./,
                to: '/404.html'
            }]
        },
        // overlay: true, // 显示编译出错信息
        // stats: "errors-only",
        // quiet: true,
        compress: false,
        hot: true,
        inline: true
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new CleanWebpackPlugin(['dist']),
        new HtmlWebpackPlugin({
            title: 'Output Management'
        })
    ],
}