【建议】放宽浏览器兼容性以更好地支持企业用户

[voidfeng]

你好，VitePress 团队。

我们发现 VitePress 非常适合用于构建企业官方网站。然而，在企业环境中，许多用户的浏览器版本往往比较陈旧，无法及时更新。

当前 VitePress 的构建产物对浏览器版本要求较高，这可能会导致一部分企业用户无法正常访问网站。

因此，建议团队可以考虑适当放宽默认的浏览器兼容性策略，以支持更多旧版本的浏览器。这将极大地提升 VitePress 在企业项目中的适用性和吸引力。

谢谢！

[Alexufo]

Which browser versions do you want to support?

[voidfeng]

Which browser versions do you want to support?

感谢回复！

建议将兼容性基线目标设定在 Chromium 86+。

理由如下：

覆盖企业环境： Chromium 86 发布于 2020 年末。在许多升级缓慢的企业环境中，这是一个比较常见的浏览器版本，能覆盖到大部分无法使用最新浏览器的用户。

技术平衡点： 这个版本已经支持了 ES2020 的主流特性（如可选链 ?.、空值合并 ??），对于开发者来说依然可以保持良好的开发体验，是一个在现代语法和向后兼容之间的合理平衡。

当然，如果考虑到维护成本，Chromium 92+ (2021年中) 也是一个巨大的进步。

[brc-dd]

You can set vite.build.target to 'es2015' and add https://cdnjs.cloudflare.com/polyfill/ to support those browsers. If you want to down compile the CSS, you can add postcss-preset-env or enable lighningcss in vite with your preferred browserlist query.

[voidfeng]

You can set vite.build.target to 'es2015' and add https://cdnjs.cloudflare.com/polyfill/ to support those browsers. If you want to down compile the CSS, you can add postcss-preset-env or enable lighningcss in vite with your preferred browserlist query.

感谢您的快速回复和建议。

我理解您提供的方案，设置 vite.build.target 和使用 JS polyfill 确实能解决大部分兼容性问题。

但我遇到的具体问题是，JS 代码中使用了 :where() 选择器（具体是 .VPDoc :where(h1,h2,h3,h4,h5,h6)）。这种现代 CSS 选择器语法无法通过 JS polyfill 来兼容，因为它需要浏览器原生 DOM 解析器的支持。

因此，还是希望能考虑在核心 JS 代码中避免使用这类较新的选择器，以支持更广泛的浏览器环境。谢谢！

[brc-dd]

I've removed that particular use :where for now. I don't think other parts will crash the app.