第三方库如何与ES6模块配合使用？

Question

我习惯使用更流行的CommonJS模块，其过程如下：

• yarn或npm安装您需要的模块（通常是node_modules）
• require前端代码中需要的模块
• 将您的前端代码捆绑到一个大文件中，包括browserify或类似工具的所有依赖项

我使用import的ES6模块，但是：

• 我的依赖项应该下载到本地磁盘，还是从第三方（官方）URL加载？
• 我在哪里以及如何获得流行库的ES6版本？
• 如果像大多数库一样，有一个CommonJS而不是一个ES6库，有没有办法使用它？
• 我还需要捆绑吗？我将使用HTTP / 2，因此我的连接将被多路复用

谢谢！

Answer 1

好的，几个小时之后没有人回答这个问题，而且我已经开始工作了：

• 您的依赖项通常会下载到本地磁盘。通常是/public/js/thirdparty文件夹或类似文件夹。
• 没有工具可以发现和下载CommonJS模块。您通常可以使用Web浏览器下载任何内容，然后编辑它们以删除UMD包装器，并使用return ImagesLoaded
替换（在ImagesLoaded库的情况下）export default ImagesLoaded
• 要使用第三方模块import，请使用它们。使用默认的import imagesLoaded from "/js/thirdparty/imagesloaded.pkgd.js";
• 您可以根据需要进行捆绑，但如果您使用的是ES6模块，则可能支持新的浏览器，这些浏览器也允许通过HTTP / 2进行并行下载