migrate from deprecated node-sass, update sass tooling (ampproject#5635)

getzaymo · Apr 6, 2021 · dc90eea · dc90eea
1 parent a75bca4
commit dc90eea
Show file tree

Hide file tree

Showing 5 changed files with 286 additions and 586 deletions.
diff --git a/boilerplate/lib/templates.js b/boilerplate/lib/templates.js
@@ -20,7 +20,7 @@ const Handlebars = require('handlebars');
 const io = require('./io');
 const path = require('path');
 const hljs = require('highlight.js');
-const sass = require('node-sass');
+const sass = require('sass');
 
 const FRONTEND_DIR = '../../frontend/scss';
 const TEMPLATES_DIR = '../templates';

diff --git a/gulpfile.js/build.js b/gulpfile.js/build.js
@@ -34,7 +34,7 @@ const git = require('@lib/utils/git');
 const ComponentReferenceImporter = require('@lib/pipeline/componentReferenceImporter');
 const SpecImporter = require('@lib/pipeline/specImporter');
 const RecentGuides = require('@lib/pipeline/recentGuides');
-const gulpSass = require('gulp-sass');
+const gulpSass = require('@mr-hope/gulp-sass');
 const importRoadmap = require('./import/importRoadmap.js');
 const importWorkingGroups = require('./import/importWorkingGroups.js');
 const importAdVendorList = require('./import/importAdVendorList.js');
@@ -97,12 +97,12 @@ function clean() {
 function sass() {
   const options = {
     'outputStyle': 'compressed',
-    'includePaths': project.paths.SCSS,
+    'includePaths': [project.paths.SCSS],
   };
 
   return gulp
     .src(`${project.paths.SCSS}/**/[^_]*.scss`)
-    .pipe(gulpSass(options))
+    .pipe(gulpSass.sassSync(options))
     .on('error', function (e) {
       console.error(e);
       // eslint-disable-next-line no-invalid-this