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
dojo · Sep 12, 2019 · 9bad4bc · 9bad4bc
1 parent 0e6001e
commit 9bad4bc
Showing 1 changed file with 10 additions and 3 deletions.
diff --git 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: {