js 包和范围混淆

Question

我试图更好地理解包含节点组件和其他 js 的 webpacked 包中的范围。

假设我的入口导入了八个要捆绑的文件： // entry point import './components/file1'; 导入'./components/file2'; ...导入'./components/file8';

并假设在 file1.js 中我有：

// file1.js

let bubbles = () => {

  console.log('likes cats');

};

// or

function bubbles() {

  console.log('likes cats');

}

为什么那么，如果我在 files8 中有这个（最后导入），它会抛出一个未定义的错误吗？如何调用在其他导入中声明的函数？

// file8.js

bubbles(); // 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