Replaced node-sass with dart-sass

app/plugins/templates/webpack.config.js.tmpl

@@ -49,7 +49,15 @@ module.exports = {
       {
         test: /\.s?css$$/,
         use: ExtractTextPlugin.extract({
-          use: 'css-loader!sass-loader'
+          use: [
+            { loader: 'css-loader' },
+            {
+                loader: 'sass-loader',
+                options: {
+                    implementation: require("sass")
+                }
+            }
+          ]
         })
       },
       {

package.json

@@ -46,7 +46,6 @@
     "jest": "^23.4.1",
     "json-loader": "^0.5.4",
     "leaflet": "^1.3.1",
-    "node-sass": "^4.9.2",
     "object.values": "^1.0.3",
     "proj4": "^2.4.3",
     "qrcode.react": "^0.7.2",
@@ -57,7 +56,8 @@
     "react-router-dom": "^4.1.1",
     "react-test-renderer": "^15.6.1",
     "regenerator-runtime": "^0.11.0",
-    "sass-loader": "^7.0.3",
+    "sass": "^1.22.7",
+    "sass-loader": "^7.1.0",
     "shpjs": "^3.4.2",
     "sinon": "^4.0.0",
     "statuses": "^1.3.1",

webpack.config.js

@@ -56,7 +56,15 @@ module.exports = {
       {
         test: /\.s?css$/,
         use: ExtractTextPlugin.extract({
-          use: 'css-loader!sass-loader'
+          use: [
+            { loader: 'css-loader' },
+            {
+                loader: 'sass-loader',
+                options: {
+                    implementation: require("sass")
+                }
+            }
+          ]
         })
       },
       {