mark05e/build.ps1

## build.ps1
# Define the HTML file path
$htmlFilePath = "main-template.html"

# Define the CSS file path
$cssFilePath = "style.css"

# Define the JS file path
$jsFilePath = "functions.js"

# Define the output file path
$outputFilePath = "main.html"

# Read the CSS file content
$cssContent = Get-Content -Path $cssFilePath -Raw

# Read the JS file content
$jsContent = Get-Content -Path $jsFilePath -Raw

# Read the HTML file content
$htmlContent = Get-Content -Path $htmlFilePath -Raw

# Define the CSS start and end tags
$cssStartTag = "<!--CSS_START-->"
$cssEndTag = "<!--CSS_END-->"

# Define the JS start and end tags
$jsStartTag = "<!--JS_START-->"
$jsEndTag = "<!--JS_END-->"

# Replace the CSS content in the HTML file
$cssReplacement = "$cssStartTag`n<style>`n$cssContent`n</style>`n$cssEndTag"
$htmlContent = $htmlContent -replace "(?s)$cssStartTag.*?$cssEndTag", $cssReplacement

# Replace the JS content in the HTML file
$jsReplacement = "$jsStartTag`n<script>`n$jsContent`n</script>`n$jsEndTag"
$htmlContent = $htmlContent -replace "(?s)$jsStartTag.*?$jsEndTag", $jsReplacement

# Save the modified HTML content to the output file
$htmlContent | Set-Content -Path $outputFilePath

## functions.js
// js functions

## main-template.html
<!DOCTYPE html>
<html>
<head>
    <title>Simple HTML Page</title>
<!--CSS_START-->
<style><!--CSS_CONTENT--></style>
<!--CSS_END-->
</head>
<body>
    <h1>Hello, World!</h1>

<!--JS_START-->
<script><!--JS_CONTENT--></script>
<!--JS_END-->
</body>
</html>

## style.css
// css style
	# Define the HTML file path
	$htmlFilePath = "main-template.html"

	# Define the CSS file path
	$cssFilePath = "style.css"

	# Define the JS file path
	$jsFilePath = "functions.js"

	# Define the output file path
	$outputFilePath = "main.html"

	# Read the CSS file content
	$cssContent = Get-Content -Path $cssFilePath -Raw

	# Read the JS file content
	$jsContent = Get-Content -Path $jsFilePath -Raw

	# Read the HTML file content
	$htmlContent = Get-Content -Path $htmlFilePath -Raw

	# Define the CSS start and end tags
	$cssStartTag = "<!--CSS_START-->"
	$cssEndTag = "<!--CSS_END-->"

	# Define the JS start and end tags
	$jsStartTag = "<!--JS_START-->"
	$jsEndTag = "<!--JS_END-->"

	# Replace the CSS content in the HTML file
	$cssReplacement = "$cssStartTag`n<style>`n$cssContent`n</style>`n$cssEndTag"
	$htmlContent = $htmlContent -replace "(?s)$cssStartTag.*?$cssEndTag", $cssReplacement

	# Replace the JS content in the HTML file
	$jsReplacement = "$jsStartTag`n<script>`n$jsContent`n</script>`n$jsEndTag"
	$htmlContent = $htmlContent -replace "(?s)$jsStartTag.*?$jsEndTag", $jsReplacement

	# Save the modified HTML content to the output file
	$htmlContent \| Set-Content -Path $outputFilePath
	<!DOCTYPE html>
	<html>
	<head>
	<title>Simple HTML Page</title>
	<!--CSS_START-->
	<style><!--CSS_CONTENT--></style>
	<!--CSS_END-->
	</head>
	<body>
	<h1>Hello, World!</h1>

	<!--JS_START-->
	<script><!--JS_CONTENT--></script>
	<!--JS_END-->
	</body>
	</html>