webpack中导出和不导出的区别

【问题标题】：Differece between export and no export in webpackwebpack中导出和不导出的区别
【发布时间】：2018-05-04 12:56:33
【问题描述】：

// test1.js
   var a = 5;


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


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

我有点困惑，因为我可以导入尚未导出和已导出的文件，但它仍然有效。那么它们之间有什么区别呢？

【问题讨论】：

【解决方案1】：

模块的想法是它们具有范围并且仅公开您使用export精确告诉它们的内容

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

在第二个示例中，您导出了一个function，其中定义了var a，因此结果将是相同的。但是如果你使用export default var a = 5，你就可以使用import从其他模块访问变量a

【讨论】：