在webpack中区分导出和不导出

Question

// test1.js
   var a = 5;


// test2.js
export default () => {
  var a = 5;
}


// main.js
import test1 from './test1';
import test2 from './test2';

我有点困惑，因为我可以导入尚未导出并具有导出功能的文件。那么它们之间有什么区别呢？

Answer 1

模块的概念是它们具有范围并且仅使用export

公开您准确告诉他们的内容

在您的第一个示例中，您将无法从模块外部访问var a（例如，从其他模块访问）

在第二个示例中，您导出了function，其内部定义了var a，因此结果将完全相同。但是，如果您执行export default var a = 5，则可以使用a

从其他模块访问变量import