From 9d05365ffb44279435c493e66f8d2311beb0229a Mon Sep 17 00:00:00 2001
From: Send_Nukez <erikjulius2701@yahoo.de>
Date: Sun, 14 Nov 2021 00:24:05 +0100
Subject: [PATCH] refactor webpack config a bit and use dart-sass instead of
 node-sass

---
 package.json      |  2 +-
 webpack.config.js | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 8ea13ec..8644f70 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "devDependencies": {
         "clean-webpack-plugin": "^4.0.0",
         "copy-webpack-plugin": "^9.0.1",
-        "node-sass": "^6.0.1",
+        "sass": "^1.43.4",
         "sass-loader": "^12.2.0",
         "webpack": "^5.58.2",
         "webpack-cli": "^4.9.0"
diff --git a/webpack.config.js b/webpack.config.js
index 899480f..3f6514f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,4 +1,5 @@
 const webpack = require("webpack");
+const sass = require("sass");
 const CopyPlugin = require("copy-webpack-plugin");
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 const path = require("path");
@@ -19,13 +20,11 @@ module.exports = {
     module: {
         rules: [
             {
-                test: /main\.js$/,
-                exclude: /node_modules/,
+                include: path.resolve(__dirname, "./src/js/main.js"),
                 use: []
             },
             {
-                test: /main\.scss$/,
-                exclude: /node_modules/,
+                include: path.resolve(__dirname, "./src/styles/main.scss"),
                 type: "asset/resource",
                 generator: {
                     filename: "user.css"
@@ -34,14 +33,14 @@ module.exports = {
                     {
                         loader: "sass-loader",
                         options: {
+                            implementation: sass,
                             sourceMap: true
                         }
                     }
                 ]
             },
             {
-                test: /Colors\.scss$/,
-                exclude: /node_modules/,
+                include: path.resolve(__dirname, "./src/styles/Colors.scss"),
                 type: "asset/resource",
                 generator: {
                     filename: "color.ini"