fix(sfc-playground): remove comment nodes in the production env

Alfred-Skyblue · Alfred-Skyblue · commit 2cbed216e872 · 2023-11-13T20:27:50.000+08:00
diff --git a/packages/sfc-playground/src/App.vue b/packages/sfc-playground/src/App.vue
@@ -45,7 +45,10 @@ const sfcOptions: SFCOptions = {
     isProd: !useDevMode.value
   },
   template: {
-    isProd: !useDevMode.value
+    isProd: !useDevMode.value,
+    compilerOptions: {
+      comments: useDevMode.value
+    }
   }
 }
 
@@ -65,6 +68,8 @@ function toggleDevMode() {
     sfcOptions.template!.isProd =
     sfcOptions.style!.isProd =
       !dev
+
+  sfcOptions.template.compilerOptions.comments = dev
   store.setFiles(store.getFiles())
 }
 

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,10 @@ const sfcOptions: SFCOptions = {`
`45`	`45`	`isProd: !useDevMode.value`
`46`	`46`	`},`
`47`	`47`	`template: {`
`48`		`- isProd: !useDevMode.value`
	`48`	`+ isProd: !useDevMode.value,`
	`49`	`+ compilerOptions: {`
	`50`	`+ comments: useDevMode.value`
	`51`	`+ }`
`49`	`52`	`}`
`50`	`53`	`}`
`51`	`54`
`@@ -65,6 +68,8 @@ function toggleDevMode() {`
`65`	`68`	`sfcOptions.template!.isProd =`
`66`	`69`	`sfcOptions.style!.isProd =`
`67`	`70`	`!dev`
	`71`	`+`
	`72`	`+ sfcOptions.template.compilerOptions.comments = dev`
`68`	`73`	`store.setFiles(store.getFiles())`
`69`	`74`	`}`
`70`	`75`