gulp-header -> gulp-replace

DotnetPlayground.Web/gulpfile.mjs

@@ -13,7 +13,7 @@ import * as dartSass from 'sass';
 import gulpSass from 'gulp-sass';
 const sass = gulpSass(dartSass);
 
-import header from 'gulp-header';
+import replace from 'gulp-replace';
 import glob from "tiny-glob";
 import concat from "gulp-concat";
 import cleanCSS from "@aptuitiv/gulp-clean-css";
@@ -354,7 +354,9 @@ const processSCSS = function (sourcePattern, notPattern) {
 	const { colorTheme, projectVersion } = processInputArgs();
 
 	return gulp.src([sourcePattern, "!" + notPattern])
-		.pipe(header('$themeColor: ${color};\n$projectVersion: ${version};\n', { color: colorTheme, version: `'${projectVersion}'` }))
+		// .pipe(header('$themeColor: ${color};\n$projectVersion: ${version};\n', { color: colorTheme, version: `'${projectVersion}'` }))
+		.pipe(replace('$themeColor', colorTheme))
+    	.pipe(replace('$projectVersion', `'${projectVersion}'`))
 		.pipe(sass().on('error', sass.logError))
 		.pipe(gulp.dest(notPattern));
 };

DotnetPlayground.Web/package.json

@@ -59,7 +59,7 @@
 		"fs-extra": "11.2.0",
 		"gulp": "5.0.0",
 		"gulp-concat": "2.6.1",
-		"gulp-header": "2.0.9",
+		"gulp-replace": "1.1.4",
 		"gulp-rename": "2.0.0",
 		"gulp-sass": "5.1.0",
 		"gulp-sourcemaps": "3.0.0",

DotnetPlayground.Web/wwwroot/css/site.css

@@ -61,7 +61,7 @@ main.container > hr {
 	background-color: darkred;
 }*/
 .bg-my-theme {
-  background-color: darkslateblue; /*$themeColor is an injected variable on gulp build pipeline by gulp-sass, gulp-header */
+  background-color: darkslateblue; /* injected variable on gulp build pipeline by gulp-replace */
 }
 
 .navbar-dark .navbar-nav .nav-link {
@@ -93,7 +93,7 @@ footer.container > noscript {
 }
 
 #spVersion::after {
-  content: ", Debug: xx.yy.zz-ssss";
+  content: ", Debug: xx.yy.zz-ssss"; /* injected variable on gulp build pipeline by gulp-replace */
 }
 
 /***************VirtualScroll start***************/

DotnetPlayground.Web/wwwroot/css/site.scss

@@ -100,7 +100,7 @@ main.container > hr {
 }*/
 
 .bg-my-theme {
-	background-color: $themeColor; /*$themeColor is an injected variable on gulp build pipeline by gulp-sass, gulp-header */
+	background-color: $themeColor; /* injected variable on gulp build pipeline by gulp-replace */
 }
 
 .navbar-dark .navbar-nav .nav-link {
@@ -137,7 +137,7 @@ footer.container > noscript {
 }
 
 #spVersion::after {
-	content: $projectVersion /*$projectVersion is an injected variable on gulp build pipeline by gulp-sass, gulp-header */
+	content: $projectVersion; /* injected variable on gulp build pipeline by gulp-replace */
 }
 
 /***************VirtualScroll start***************/