ES6 模块和 Webpack

Question

我正在学习 ES6 Modules 和 Webpack 的东西，但我仍然不太了解这些东西。

1. 我们什么时候应该或不应该使用它？
2. 拥有大量文件并将它们与export import 链接是否很好？
3. 有什么好的做法可以让我更好地理解它？

感谢任何形式的回复，谢谢。

Answer 1

我想我有一些事情要与你分享：

我们什么时候应该或不应该使用它？

esmodule 也称为esnext，它是 Javascript 的下一个版本，这意味着您应该使用它。关于webpack，它是一个强大的工具，不仅可以构建js代码以在浏览器上运行，还可以将您的资产组合在一起（图像/字体/...），以便它可以一起工作。简而言之，构建一个 webapp 大约需要 5 分钟，就像编写 esm 样式的代码 + 使用 webpack 构建运行在浏览器上的代码一样。

拥有大量文件并将它们与导出导入链接是否很好？

这就是模块的工作方式，所以没有问题为什么要这样做。如果你保持它的小，管理和测试一个模块会更容易。简而言之，import/export 的多个文件完全没有问题。

让我更好地理解它的好习惯是什么？

如果你搜索它们，有数百个关于esnext + webpack 的文档。访问官网阅读也是不错的选择。