Fix cssVarLoader running on development build

Shopify · Oct 16, 2018 · 71cc131 · 71cc131
1 parent 698dc65
commit 71cc131
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/slate-tools/tools/webpack/config/parts/css.js b/packages/slate-tools/tools/webpack/config/parts/css.js
@@ -43,8 +43,7 @@ const postcssLoader = {
 const cssVarLoader = {loader: '@shopify/slate-cssvar-loader'};
 
 cssRule.use = [
-  isDev ? styleLoader : MiniCssExtractPlugin.loader,
-  cssVarLoader,
+  ...(isDev ? [styleLoader] : [MiniCssExtractPlugin.loader, cssVarLoader]),
   cssLoader,
   postcssLoader,
 ];

diff --git a/packages/slate-tools/tools/webpack/config/parts/sass.js b/packages/slate-tools/tools/webpack/config/parts/sass.js
@@ -47,13 +47,14 @@ const sassLoader = {
 };
 
 sassRule.use = [
-  isDev ? styleLoader : MiniCssExtractPlugin.loader,
-  cssVarLoader,
+  ...(isDev ? [styleLoader] : [MiniCssExtractPlugin.loader, cssVarLoader]),
   cssLoader,
   postcssLoader,
   sassLoader,
 ];
 
+debugger;
+
 part.module.rules.push(sassRule);
 
 module.exports = part;