From a40d270416080f077d3f740c303fc72bbaba9698 Mon Sep 17 00:00:00 2001 From: ebremner <ebremner@uwaterloo.ca> Date: Wed, 12 May 2021 16:35:21 -0400 Subject: [PATCH] ISTWCMS-4837: updating gulpfile to compile layouts separately --- gulpfile.js | 27 ++++++++++++++++++++++++++- source/uw-dashboards.scss | 5 +++++ 2 files changed, 31 insertions(+), 1 deletion(-) create mode 100644 source/uw-dashboards.scss diff --git a/gulpfile.js b/gulpfile.js index a242c624..b406c466 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -106,6 +106,31 @@ const compileStyles = () => { .pipe(dest(cssSrc)); }; +const layoutsSrc = [ + path.join(__dirname, '/source/uw-dashboards.scss') +]; + +const compileLayoutStyles = () => { + return src(layoutsSrc) + .pipe(sassGlob()) + .pipe(sourcemaps.init()) + .pipe( + sass({ + includePaths: ['./node_modules/breakpoint-sass/stylesheets'], + precision: 10, + }) + ) + .pipe( + postcss([ + require('postcss-assets')(), + require('autoprefixer')({ + remove: false, + }), + ]) + ) + .pipe(dest(cssSrc)); +}; + const buildPatternLab = () => { return patternLab.build({ cleanPublic: true, watch: false }); }; @@ -168,7 +193,7 @@ const watchFiles = () => { const buildComponentScripts = (exports.buildScripts = series(compileComponentScripts)); -const buildStyles = (exports.buildStyles = series(lintStyles, compileStyles)); +const buildStyles = (exports.buildStyles = series(lintStyles, compileStyles, compileLayoutStyles)); const build = (isProduction = true ) => { const scriptTask = isProduction ? bundleScripts : bundleScriptsDev; diff --git a/source/uw-dashboards.scss b/source/uw-dashboards.scss new file mode 100644 index 00000000..d7e24fdb --- /dev/null +++ b/source/uw-dashboards.scss @@ -0,0 +1,5 @@ +@import 'breakpoint'; + +@import '_patterns/00-config/**/*.scss'; +@import '_patterns/01-global/**/*.scss'; +@import '_patterns/03-layouts/layout/**/*.scss'; \ No newline at end of file -- GitLab