From 6c7d9632a665c8338e7bd41aa37ab02e6c020908 Mon Sep 17 00:00:00 2001
From: Eric Bremner <ebremner@uwaterloo.ca>
Date: Fri, 15 Oct 2021 14:39:14 +0000
Subject: [PATCH] Updating gulpfile to include building pattern lab styles
---
gulpfile.js | 29 ++++++++++++++++++++++++++++-
1 file changed, 28 insertions(+), 1 deletion(-)
diff --git a/gulpfile.js b/gulpfile.js
index 14c9cf58..22586269 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -42,6 +42,31 @@ const compileComponentScripts = () => {
const cssSrc = path.join(__dirname, '..', 'css');
+const PLSrc = [
+ path.join(__dirname, '/source/pattern-lab.scss')
+];
+
+const compilePLStyles = () => {
+ return src(PLSrc)
+ .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 buildConfig = async() => {
const scssDir = path.join(__dirname, '/source/_patterns/00-config');
const ymlDir = path.join(__dirname, './source/_data');
@@ -211,12 +236,14 @@ const buildComponentScripts = (exports.buildScripts = series(compileComponentScr
const buildStyles = (exports.buildStyles = series(lintStyles, compileStyles, minifyCSS, compileLayoutStyles, minifyLayoutsCSS));
+const buildPLStyle = (exports.buildPLStyles = series(compilePLStyles));
+
const build = (isProduction = true ) => {
const scriptTask = isProduction ? bundleScripts : bundleScriptsDev;
task('bundleScripts', scriptTask)
return series(
buildConfig,
- parallel(task('bundleScripts'), buildStyles, buildComponentScripts, buildPatternLab));
+ parallel(task('bundleScripts'), buildStyles, buildComponentScripts, buildPLStyle, buildPatternLab));
}
exports.build = build(true);
--
GitLab