Libraries > Support tilde imports for SCSS files

cli/utils/stage-library-ts.js

@@ -5,6 +5,8 @@ const fs = require('fs-extra');
 const glob = require('glob');
 const path = require('path');
 const sass = require('node-sass');
+const tildeImporter = require('node-sass-tilde-importer');
+
 const skyPagesConfigUtil = require('../../config/sky-pages/sky-pages.config');
 const spaPathTempSrc = skyPagesConfigUtil.spaPathTempSrc();
 
@@ -88,6 +90,7 @@ function getHtmlContents(filePath) {
 function compileSass(filePath) {
   return sass.renderSync({
     file: filePath,
+    importer: tildeImporter,
     outputStyle: 'compressed'
   }).css;
 }

package.json

@@ -81,6 +81,7 @@
     "lodash.mergewith": "4.6.0",
     "ngc-webpack": "3.0.0",
     "node-sass": "4.5.3",
+    "node-sass-tilde-importer": "1.0.2",
     "open": "0.0.5",
     "portfinder": "1.0.13",
     "protractor": "5.1.2",