fix(v4): fix modern mode optional chaining syntax tranpilation (#6459)

haoqunjiang · web-flow · commit 9a125a27b326 · 2021-05-07T20:33:41.000+08:00
closes #6449
diff --git a/packages/@vue/babel-preset-app/index.js b/packages/@vue/babel-preset-app/index.js
@@ -50,7 +50,14 @@ function getModernTargets (targets) {
   )
 
   // use the intersection of modern mode browsers and user defined targets config
-  return getIntersectionTargets(targets, allModernTargets)
+  const result = getIntersectionTargets(targets, allModernTargets)
+
+  // webpack 4 uses acorn 6, which does not support newer syntaxes such as optional chaining
+  // so we have to add samsung 12 as a target to force transpiling these syntaxes
+  // https://github.com/vuejs/vue-cli/issues/6449#issuecomment-828559068
+  result.samsung = '12.0.0'
+
+  return result
 }
 
 function getWCTargets (targets) {

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,14 @@ function getModernTargets (targets) {`
`50`	`50`	`)`
`51`	`51`
`52`	`52`	`// use the intersection of modern mode browsers and user defined targets config`
`53`		`- return getIntersectionTargets(targets, allModernTargets)`
	`53`	`+ const result = getIntersectionTargets(targets, allModernTargets)`
	`54`	`+`
	`55`	`+ // webpack 4 uses acorn 6, which does not support newer syntaxes such as optional chaining`
	`56`	`+ // so we have to add samsung 12 as a target to force transpiling these syntaxes`
	`57`	`+ // https://github.com/vuejs/vue-cli/issues/6449#issuecomment-828559068`
	`58`	`+ result.samsung = '12.0.0'`
	`59`	`+`
	`60`	`+ return result`
`54`	`61`	`}`
`55`	`62`
`56`	`63`	`function getWCTargets (targets) {`