js 包和范围混淆

Question

我试图更好地理解包含节点组件和其他 js 的 webpacked 包中的范围。假设我的入口导入了八个要捆绑的文件： // entry point import './components/file1'; 导入'./components/file2'; ...导入'./components/file8';并假设在 file1.js 中我有：// file1.jslet bubbles = () => {  console.log('likes cats');};// orfunction bubbles() {  console.log('likes cats');}为什么那么，如果我在 files8 中有这个（最后导入），它会抛出一个未定义的错误吗？如何调用在其他导入中声明的函数？// file8.jsbubbles(); // fails in any file other than file1.js where it's declared.

Answer 1

您需要export在打算从外部访问的函数/原语上显式使用：

https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export