webpack.config.js

let webpack = require('webpack');
let path = require('path');

module.exports = {
    entry : path.join(__dirname,"/components/app.jsx"),
    output : {
        filename : "bundle.js",
        path : path.join(__dirname,"/public/bundle")
    },
    devServer: {
        hot : true,
        contentBase: path.join(__dirname, '/public'),
        watchContentBase: true,
        publicPath : "/bundle/",
        compress: true,
        port: 9000
    },
    mode : "development",
    module : {
        rules : [
            {
                test : /\.(scss|css)$/,
                exclude : /node_modules/,
                use : [
                    {loader : 'style-loader'},
                    {loader : 'css-loader'},
                    {loader : 'sass-loader'}
                ]
            },
            {
                test : /\.(js|jsx)$/,
                exclude: /node_modules/,
                use : 'babel-loader'
            }
        ]
    },
    plugins : [
        new webpack.ProgressPlugin(),
        new webpack.NamedModulesPlugin(),
        new webpack.HotModuleReplacementPlugin()
    ],
    target : "web"
}