Merge pull request #100 from emulsify-ds/multilevel-global-scss

Multilevel global scss
emulsify-ds · Nov 25, 2024 · 2114dc3 · 2114dc3
2 parents ff5939c + 675c76e
commit 2114dc3
Show file tree

Hide file tree

Showing 3 changed files with 233 additions and 233 deletions.
diff --git a/config/webpack/webpack.common.js b/config/webpack/webpack.common.js
@@ -77,9 +77,14 @@ function getEntries(
   // Non-component or global SCSS entries.
   glob.sync(BaseScssMatcher).forEach((file) => {
     const filePath = file.split(`${srcDir}/`)[1];
-    const filePathDist = filePath.split('/')[1]
-      ? filePath.split('/')[1]
-      : filePath.split('/')[0];
+    // Support multi-level folder structures.
+    let filePathDist = filePath.split('/')[0];
+    if (filePath.split('/')[1] && !filePath.split('/')[1].endsWith('.scss')) {
+      filePathDist = filePath.split('/')[1];
+    }
+    if (filePath.split('/')[2]) {
+      filePathDist = `${filePath.split('/')[1]}/${filePath.split('/')[2]}`;
+    }
     const newfilePath = fs.existsSync(path.resolve(projectDir, 'src'))
       ? `dist/global/${filePathDist.replace('.scss', '')}`
       : `dist/css/${filePathDist.replace('.scss', '')}`;