webpack.dev.ts

/***********************************************************
 * Copyright (c) Microsoft Corporation. All rights reserved.
 * Licensed under the MIT License
 **********************************************************/
import { Configuration as WebpackConfig, NormalModuleReplacementPlugin } from 'webpack';
import type { Configuration as WebpackDevServerConfig } from 'webpack-dev-server' with { 'resolution-mode': 'import' };
import { merge } from 'webpack-merge';
import common from './webpack.common';

interface Config extends WebpackConfig {
    devServer?: WebpackDevServerConfig
}

const config: Config = merge(common, {

    mode: 'development',

    // Enable sourcemaps for debugging webpack's output.
    devtool: 'source-map',

    module: {
        rules: [
            // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
            { enforce: 'pre', test: /\.js$/, loader: 'source-map-loader', exclude: /node_modules/ },
            {
                test: /\.(scss|css)$/,
                use: [
                    { loader: 'style-loader'},
                    { loader: 'css-loader', options: { sourceMap: true}},
                    { loader: 'sass-loader', options: {sourceMap: true, implementation: require('sass')}}]
            }
        ]
    },

    plugins: [
        new NormalModuleReplacementPlugin(
            /(.*)appConfig.ENV(\.*)/,
            resource => resource.request = resource.request.replace(/ENV/, 'electrondev')
        )
    ],

    devServer: {
        compress: true,
        historyApiFallback: true,
        allowedHosts: ['localhost', '127.0.0.1'],
    }
});

export default config;