webpack.config.js.TRASH

const path = require( 'path' ),
	// Modify "dev_url" to actual localhost url
	dev_url = 'http://themes.localhost/starter-fse';

module.exports = {
	context: path.resolve( __dirname, 'assets' ),
	entry: [
		'./main.scss',
		'./main.js',
	],
	output: {
		path: path.resolve( __dirname, 'assets/dist' ),
		filename: '[name].bundle.js',
	},
	//devtool: 'source-map',
	watch: true,
	devServer: {
		proxy: {
			'*': {
				target: dev_url,
				changeOrigin: true,
			}
		}
	},
	module: {
		rules: [
			{
				test: /\.scss$/,
				use: [
					{
						loader: 'file-loader',
						options: {
							name: 'main.css',
						},
					},
					{ loader: 'extract-loader' },
					{ loader: 'css-loader' },
					{
						loader: 'postcss-loader',
						options: {
							postcssOptions: {
								plugins: [
									require( 'autoprefixer' )
								]
							},
						}
					},
					{
						loader: 'sass-loader',
						options: {
							implementation: require( 'sass' ),
							webpackImporter: false, // See https://github.com/webpack-contrib/sass-loader/issues/804
							sassOptions: {
								includePaths: [ 'node_modules' ],
							},
						},
					}
				]
			},
			{
				test: /\.(jpe?g|png|gif|svg)$/i, 
				loader: 'file-loader',
				options: {
					esModule: false,
					outputPath: '../img',
					publicPath: '../img',
					name: '[name].[ext]',
				},
			},
		]
	},
};