feat: Add SCSS support by configuring sass-loader and updating packag…

…e dependencies
DHRI-Curriculum · Dec 18, 2024 · 7d1975e · 7d1975e
1 parent 681e040
commit 7d1975e
Show file tree

Hide file tree

Showing 3 changed files with 249 additions and 33 deletions.
diff --git a/next.config.js b/next.config.js
@@ -25,6 +25,15 @@ const nextConfig = {
             test: /\.css$/,
             use: ['style-loader', 'css-loader']
         });
+        // SCSS handling
+        config.module.rules.push({
+            test: /\.scss$/,
+            use: [
+                'style-loader',
+                'css-loader',
+                'sass-loader'
+            ]
+        });
         return config;
     }
 }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -81,9 +81,12 @@
   },
   "devDependencies": {
     "babel-plugin-preval": "^5.0.0",
+    "css-loader": "^7.1.2",
     "eslint": "7.29.0",
     "eslint-config-next": "11.0.1",
     "next-compose": "^0.0.2",
+    "sass-loader": "^16.0.4",
+    "style-loader": "^4.0.0",
     "typescript": "^4.5.2"
   }
 }