React - 基于浏览器的差异加载（es5、es6、esnext 等）

Question

我来自 Angular 世界。 Angular 8 最近发布了一个差分加载功能。这意味着，根据您的浏览器，将提供不同的编译 Javascript 代码。因此，假设您使用的是 Internet Explorer 11，该应用程序将下载 ES5 javascript 文件，而如果您使用的是常青/新浏览器（chrome、firefox 等），那么您提供的 Javascript 将是 ES6。

看到这个 (https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27)

React 世界里有这样的东西吗？

Answer 1

这取决于。如果您使用的是 CRA，那么这个 use case 会出现问题。

然而，Angular 的差异加载所做的只是配置 Webpack 来构建一个 ES5 和一个 ES6 版本。然后可以使用nomodule 和type="module" 有条件地加载这些不同的输出。

可以在here 找到一篇解释如何使用 Webpack 执行此操作的精彩文章。