javascript - Vue 3 推荐的 TypeScript TSConfig compilerOptions TARGET 设置？

Question

这个问题让我在使用 Vue 2 和 Vue CLI 时的几个方面感到困惑，现在又开始了一个新的 Vue 3.0 beta 项目。

Even with the currently newest Vue CLI version 4.3.1, when choosing TypeScript option, the boilerplate code you are given has compilerOptions target set as esnext in tsconfig.json.

同时 Vue 2 TypeScript Guide正在指导:

# Recommended Configuration
// tsconfig.json
{
  "compilerOptions": {
    // this aligns with Vue's browser support
    "target": "es5",
    // this enables stricter inference for data properties on `this`
    "strict": true,
    // if using webpack 2+ or rollup, to leverage tree shaking:
    "module": "es2015",
    "moduleResolution": "node"
  }
}

当前 Vue Next repo is using esnext , 虽然此时 IE11 支持还没有准备好(但无论如何可能不会影响这个配置)...

使用 Vue 3 时，此编译器目标的推荐设置是什么？

我需要支持低至 IE11 的旧版浏览器，但这个特定的应用程序项目在首次发布之前有足够的时间等待 Vue 3 的完整发布。

Answer 1

作为Vue 3 repository州，

the current implementation requires native ES2015+ in the runtime environment and does not support IE11 (yet). The IE11 compatible build will be worked on after we have reached RC stage.

如前所述，Vue 3 的目标目前是 esnext，它依赖于现代 JS 功能，目前针对常青浏览器的开发，不应该用于生产. Vue 3 不能在旧版浏览器中使用，即使目标较低，因为它目前依赖于代理，这些代理是无法填充的 ES6 功能。

使用现有 Vue 3 构建的项目不会受益于 target 低于 es2018 这可能是最不常见的分母，对象传播是最近最受欢迎的添加之一在 Vue 3 代码库中使用，不能填充。可以通过启用 downlevelIteration 选项实验性地将 TypeScript 目标降低到 es5，以便及早发现一些兼容性问题。

预计将为旧版 (IE11) 和现代浏览器维护单独的 Vue 3 版本。不同之处在于 react 性的处理方式，因为 Proxy 允许进行高级更改检测，但不能在旧版浏览器中实现。该项目应遵循 Vue 2 reactivity 的现有指南为了与旧版 Vue 3 构建兼容。