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

module.exports = merge(common, {
	mode: 'development',
	devtool: 'inline-source-map',
	module: {
		rules: [
			{
				test: /\.[cs][ac]ss$/,
				exclude: /node_modules/,
				use: ['style-loader',
					{
						loader: 'css-loader',
						options: {
							sourceMap: true,
						},
					},
					{
						loader: 'sass-loader',
						options: {
							sourceMap: true,
						},
					}],
				sideEffects: true,
			},
		],
	},
	devServer: {
		compress: true,
		historyApiFallback: true,
	},
});