Merge pull request #1175 from IgniteUI/simeonoff/fix-samples-browser

fix: update Transformer.ts and webpack.config.js

Author: ChronosSF

browser/tasks/Transformer.ts

@@ -585,15 +585,10 @@ class Transformer {
         }
     }
 
-    public static getRelative(path: string): string {
-        if (path.indexOf(igConfig.RepositoryName) > -1) {
-            path = path.split(igConfig.RepositoryName).pop() as string;
-            path = path.split("\\").join("/");
-            return "." + path;
-        }
-
-        console.log("failed on getRelative " + path);
-        return path;
+    public static getRelative(absolutePath: string): string {
+        let relative = require('path').relative(process.cwd(), absolutePath);
+        relative = relative.split("\\").join("/");
+        return "./" + relative;
     }
 
     public static getFileName(relativePath: string): string {

package-lock.json

@@ -102,7 +102,7 @@
     "marked-shiki": "^1.2.0",
     "postcss-loader": "^8.1.1",
     "rimraf": "^2.6.1",
-    "sass": "^1.96.0",
+    "sass-embedded": "^1.92.1",
     "sass-loader": "^16.0.6",
     "shiki": "^3.0.0",
     "source-map-loader": "^0.2.1",

package.json

@@ -145,8 +145,9 @@ var config = {
             {
               loader: 'sass-loader',
               options: {
+                implementation: require('sass-embedded'),
                 sassOptions: {
-                  silenceDeprecations: ['color-functions', 'if-function'],
+                  silenceDeprecations: ['color-functions'],
                   loadPaths: [
                     path.resolve(__dirname, 'node_modules'),
                   ]
@@ -173,6 +174,12 @@ var config = {
     })]
   },
   plugins: plugins,
+  watchOptions: {
+    ignored: [
+      '**/node_modules',
+      path.resolve(__dirname, 'samples'),
+    ],
+  },
   devServer: {
     static: path.join(__dirname, 'browser/dist/'),
     compress: true,