webpack.dev.js

const path = require('path');
const common = require('./webpack.common');
const { merge } = require('webpack-merge');

module.exports = merge(
    common,
    {
        mode: 'development',
        output: {
            filename: 'bundle.js',
            path: path.resolve(__dirname, 'public'),
            publicPath: '/'
        },
        module: {
            rules: [{
                test: /\.scss$/, use: [
                    "style-loader", // 3. Inject style tags into DOM
                    "css-loader", // 2. Turns css into commonjs
                    "sass-loader" // 1. Turns sass into css
                ], include: path.resolve(__dirname, 'src'), exclude: /node_modules/
            }]
        },
        devServer: {
            // Reference for mobile: https://stackoverflow.com/questions/35412137/how-to-get-access-to-webpack-dev-server-from-devices-in-local-network
            host: '0.0.0.0',//your ip address
            port: 8080,
            historyApiFallback: true,
        },
    }
)