skip comments for preprocessors

src/compiler/preprocess/index.ts

@@ -43,16 +43,18 @@ interface Replacement {
 async function replace_async(str: string, re: RegExp, func: (...any) => Promise<string>) {
 	const replacements: Array<Promise<Replacement>> = [];
 	str.replace(re, (...args) => {
-		replacements.push(
-			func(...args).then(
-				res => // eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion
-					({
-						offset: args[args.length - 2],
-						length: args[0].length,
-						replacement: res,
-					}) as Replacement
-			)
-		);
+		if (args.slice(1, args.length - 2).some(Boolean)) {
+			replacements.push(
+				func(...args).then(
+					res => // eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion
+						({
+							offset: args[args.length - 2],
+							length: args[0].length,
+							replacement: res,
+						}) as Replacement
+				)
+			);
+		}
 		return '';
 	});
 	let out = '';
@@ -94,7 +96,7 @@ export default async function preprocess(
 	for (const fn of script) {
 		source = await replace_async(
 			source,
-			/<script(\s[^]*?)?>([^]*?)<\/script>/gi,
+			/<!--[^]*?-->|<script(\s[^]*?)?>([^]*?)<\/script>/gi,
 			async (match, attributes = '', content) => {
 				const processed = await fn({
 					content,
@@ -110,7 +112,7 @@ export default async function preprocess(
 	for (const fn of style) {
 		source = await replace_async(
 			source,
-			/<style(\s[^]*?)?>([^]*?)<\/style>/gi,
+			/<!--[^]*?-->|<style(\s[^]*?)?>([^]*?)<\/style>/gi,
 			async (match, attributes = '', content) => {
 				const processed: Processed = await fn({
 					content,

test/preprocess/samples/comments/_config.js

@@ -0,0 +1,8 @@
+export default {
+	preprocess: [
+		{
+			script: ({ content }) => ({ code: content.replace(/one/g, 'two') }),
+			style: ({ content }) => ({ code: content.replace(/one/g, 'three') }),
+		},
+	],
+};

test/preprocess/samples/comments/input.svelte

@@ -0,0 +1,25 @@
+<style>
+	one
+</style>
+
+<script>
+	one
+</script>
+
+<!-- <style>
+	one
+</style> -->
+
+<!-- <script>
+	one
+</script> -->
+
+<style>
+<!-- one -->
+</style>
+
+<script>
+<!-- one -->
+</script>
+
+

test/preprocess/samples/comments/output.svelte

@@ -0,0 +1,25 @@
+<style>
+	three
+</style>
+
+<script>
+	two
+</script>
+
+<!-- <style>
+	one
+</style> -->
+
+<!-- <script>
+	one
+</script> -->
+
+<style>
+<!-- three -->
+</style>
+
+<script>
+<!-- two -->
+</script>
+
+