let cssConfig = {};

if (process.env.NODE_ENV == 'production') {
	cssConfig = {
		extract: {
			filename: '[name].css',
			chunkFilename: '[name].css'
		}
	};
}

module.exports = {
	chainWebpack: config => {
		let limit = 9999999999999999;
		config.module
			.rule('images')
			.test(/\.(png|gif|jpg)(\?.*)?$/i)
			.use('url-loader')
			.loader('url-loader')
			.tap(options => Object.assign(options, { limit: limit }));
		config.module
			.rule('fonts')
			.test(/\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/i)
			.use('url-loader')
			.loader('url-loader')
			.options({
				limit: limit
			});
	},
	css: cssConfig,
	configureWebpack: {
		output: {
			filename: '[name].js'
		},
		optimization: {
			splitChunks: false
		}
	},
	devServer: {
		disableHostCheck: true
	}
};
