From 9bad4bcec855f3004c0eecd201714ec8bfa8e250 Mon Sep 17 00:00:00 2001
From: Anthony Gubler <agubler@sitepen.com>
Date: Thu, 12 Sep 2019 11:57:37 +0100
Subject: [PATCH] Set public path to match the base config options for mini css
 loader (#316)

* Set public path to match the base config options for mini css loader

* type loader
---
 src/base.config.ts | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/base.config.ts b/src/base.config.ts
index 3e44c9a5..293837f3 100644
--- a/src/base.config.ts
+++ b/src/base.config.ts
@@ -297,6 +297,13 @@ export default function webpackConfigFactory(args: any): webpack.Configuration {
 		}
 	};
 
+	const miniCssExtractLoader: any = {
+		loader: MiniCssExtractPlugin.loader,
+		options: {
+			publicPath: args.base === undefined ? '/' : args.base
+		}
+	};
+
 	const postcssPresetConfig = {
 		browsers: isLegacy ? ['last 2 versions', 'ie >= 10'] : ['last 2 versions'],
 		insertBefore: {
@@ -312,7 +319,7 @@ export default function webpackConfigFactory(args: any): webpack.Configuration {
 	};
 
 	const postCssModuleLoader = [
-		MiniCssExtractPlugin.loader,
+		miniCssExtractLoader,
 		'@dojo/webpack-contrib/css-module-decorator-loader',
 		{
 			loader: 'css-loader',
@@ -327,7 +334,7 @@ export default function webpackConfigFactory(args: any): webpack.Configuration {
 	];
 
 	const cssLoader = [
-		MiniCssExtractPlugin.loader,
+		miniCssExtractLoader,
 		{
 			loader: 'css-loader',
 			options: {
@@ -634,7 +641,7 @@ export default function webpackConfigFactory(args: any): webpack.Configuration {
 					test: /\.css$/,
 					include: /.*(\/|\\)node_modules(\/|\\).*/,
 					use: [
-						MiniCssExtractPlugin.loader,
+						miniCssExtractLoader,
 						{
 							loader: 'css-loader',
 							options: {