const merge = require('webpack-merge');
const { DEV_SERVER_URL, DIR_HTDOCS } = require('./config');


module.exports = merge(
    require('./webpack.base'),
    {
        watch: true,
        mode: 'development',

        module: {
            rules: [
                {
                    test: /\.(scss|sass)$/,
                    use: [
                        'style-loader',
                        {
                            loader: 'css-loader',
                            options: {
                                sourceMap: true
                            }
                        },
                        'fast-sass-loader'
                    ]
                },
                { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },
                { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }
            ]
        },

        output: {
            publicPath: DEV_SERVER_URL,
        },

        devtool: "inline-source-map",
        serve: {
            content: DIR_HTDOCS,
            clipboard: false,
            devMiddleware: {
                publicPath: DEV_SERVER_URL,
                headers: {
                    'Access-Control-Allow-Origin': '*'
                }
            },
            hotClient: {
                allEntries: true
            }
        }
    },
);