Import external libraries with tilde (#23)

Author: BafS

gulpfile.js

@@ -1,17 +1,21 @@
 const { watch, series, src, dest } = require('gulp');
 const rename = require('gulp-rename');
 const sass = require('gulp-sass');
+const tildeImporter = require('node-sass-tilde-importer');
 
 const buildCss = () => {
   return src('scss/**/*.scss')
-    .pipe(sass().on('error', sass.logError))
+    .pipe(sass({
+      importer: tildeImporter,
+    }).on('error', sass.logError))
     .pipe(dest('dist'));
 };
 
 const minifyCss = () => {
   return src('scss/**/*.scss')
     .pipe(sass({
-      outputStyle: 'compressed'
+      importer: tildeImporter,
+      outputStyle: 'compressed',
     }).on('error', sass.logError))
     .pipe(rename({
       suffix: '.min'

package-lock.json

@@ -31,7 +31,8 @@
   "devDependencies": {
     "gulp": "^4.0.0",
     "gulp-rename": "^2.0.0",
-    "gulp-sass": "^4.0.2"
+    "gulp-sass": "^4.0.2",
+    "node-sass-tilde-importer": "^1.0.2"
   },
   "eyeglass": {
     "name": "gutenberg",

package.json

@@ -9,7 +9,7 @@
 @import 'variables';
 
 // Normalize
-@import '../node_modules/normalize.css/normalize';
+@import '~normalize.css/normalize';
 
 @import 'print-reset';
 @import 'pagination';