From 3357e70d5f9acabf65fd78fdc924abffd1766acc Mon Sep 17 00:00:00 2001 From: Joey Perrott Date: Tue, 7 Aug 2018 13:27:33 -0700 Subject: [PATCH] chore: allow for scss imports from node_modules (#12475) --- tools/package-tools/gulp/build-scss-pipeline.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/tools/package-tools/gulp/build-scss-pipeline.ts b/tools/package-tools/gulp/build-scss-pipeline.ts index 13922bb6211..064b10f36a7 100644 --- a/tools/package-tools/gulp/build-scss-pipeline.ts +++ b/tools/package-tools/gulp/build-scss-pipeline.ts @@ -1,14 +1,19 @@ import {src} from 'gulp'; import {join} from 'path'; +import {buildConfig} from '../build-config'; // These imports lack of type definitions. const gulpSass = require('gulp-sass'); const gulpIf = require('gulp-if'); const gulpCleanCss = require('gulp-clean-css'); +const sassIncludePaths = [ + join(buildConfig.projectDir, 'node_modules/') +]; + /** Create a gulp task that builds SCSS files. */ export function buildScssPipeline(sourceDir: string, minifyOutput = false) { return src(join(sourceDir, '**/*.scss')) - .pipe(gulpSass().on('error', gulpSass.logError)) + .pipe(gulpSass({includePaths: sassIncludePaths}).on('error', gulpSass.logError)) .pipe(gulpIf(minifyOutput, gulpCleanCss())); }