Webpack使用捆绑的回退功能在浏览器中加载本机ES6模块

Question

鉴于大多数浏览器现在都支持原生ES6模块，并配有HTTP/2功能，在这些浏览器中加载未捆绑的ES6模块是可行的，但对于其他浏览器，可以使用脚本标记nomodur属性进行回退。

基于这一点，我期待配置webpack来做到这一点；因此，除了进行常规绑定（例如，生成app.bundle.js）外，它还将ES6模块复制到输出文件夹，并更新导入URL（可以假设所有js代码都使用本身就是ES6模块的导入-显然，在每个人都在npm中提供ES6模块包之前，commonJS/UMD传输将非常好）。

我的想法是，webpack可以将这些导入的模块复制到输出文件夹（使用复制插件），同时更新导入URL，例如，如果我有：

从“lodash es”导入

网页包应将节点\u modules/lodash es文件夹复制到输出文件夹中的“modules”文件夹中，并将导入重写为以下内容（输出位置显然是可配置的）：

从“/modules/lodash es”导入

我没有看到这个问题的任何简单解决方案（我只能想象，随着人们采用本机ES6模块，这个问题会变得越来越普遍）；我将继续研究一个适合我需要的解决方案，并将在这里进行记录，但如果有人对此问题有一个有效的解决方案或一个链接，请让我们知道，因为我希望不是唯一一个试图解决这个问题的人。




Answer 1

花了太长时间试图得到一些工作，我决定现在坚持通常的捆绑方法；看看W3C标准如何解决ES6模块分辨率问题会很有趣（我知道谷歌已经提出了一个映射文件），我想一旦解决了这个问题我们可能会看到这个问题的解决方案。