Error [SyntaxError]: Unexpected token: punc (.), During Build, when using optional chaining in the code

Describe the bug

When using terser minification (Which is the default), and one has some optional chaining in the code. The build fails with the error:

Error [SyntaxError]: Unexpected token: punc (.)

This is because, terser does not support optional chaining and a few other es2020 features.

Reproduction

This is because we chaged esbuildservice.ts

https://github.com/vitejs/vite/blob/master/src/node/esbuildService.ts#L72

to always target es2020 which is not always correct. We should either make it configurable, or read it from the tsconfig file.

System Info

• required vite version: 1.0.0-beta.12
• required Operating System: OSX
• required Node version: 12.16.0

Logs (Optional if provided reproduction)

> 5985 |   const hasChart = data?.getAnswer.answer.visualizations.some((viz) => viz.__typename === "ChartViz");
       |                        ^ Unexpected token: punc (.)
  5986 |   const displayMode = data.getAnswer.answer.displayMode;
  5987 |   const suggestedDisplayMode = data?.getAnswer.answer.suggestedDisplayMode;
  5988 |   return {
[vite] Build errored out.
Error [SyntaxError]: Unexpected token: punc (.)
    at ee (/Users/ashish.shubham/thoughtspot/node_modules/terser/dist/bundle.min.js:1:19541)
    at c (/Users/ashish.shubham/thoughtspot/node_modules/terser/dist/bundle.min.js:1:28031)
    at l (/Users/ashish.shubham/thoughtspot/node_modules/terser/dist/bundle.min.js:1:28122)
    at f (/Users/ashish.shubham/thoughtspot/node_modules/terser/dist/bundle.min.js:1:28175)

[evanw]

There are other possible target values too. For example, chrome79 would transform optional chaining but not import.meta because Chrome has supported import.meta since Chrome 64 but only started supporting optional chaining since Chrome 80. Would something like that work for you?

[yi-tuan]

Has this been solved? I also had problems when I was building.