如何在Javascript中拆分代码？（进口/出口）

我一直在尝试使用ES6代码来分割我的代码，这样我就不会把所有的东西都放在main.js上

我尝试使用导入/导出，例如：

 //example1.js
 export var str = 'hello world';

 //main.js
 import exampleStr from './example1';

但是，我将得到以下错误：

未捕获的语法错误：意外标识符

从我的谷歌浏览器来看，目前的网络浏览器不支持模块，我正在使用谷歌浏览器

我试着使用巴别塔和网页包，但这两者似乎都需要将所有东西捆绑在一起。即使在那时，一切都更加混乱

人们会如何使用导入/导出来分割代码，还是简单地使用脚本标签来导入js文件

---

我目前也在使用Atom编程javascript/html。

要让您的示例正常工作，您需要执行以下操作（导入名称时必须与导出名称完全相同）：

如果您想在默认情况下导入str，则需要执行以下操作（导入时 您可以将其命名为任何您希望的名称）：

---

如果您只从文件中导出一个对象，我建议您使用

默认值

，如果您有多个导出，请使用示例1。

嘿！谢谢你的回复！我感谢你的帮助！不幸的是，由于我尝试了您键入的内容，我仍然出现了一个错误：“uncaughtsyntaxerror:Unexpected token{”出于测试目的，我的main.js完全为空，它只有您键入的内容：import{str}从“./example1”；连同导出：export default var str='hello world'；@Zulu在页面顶部的重复链接中向我展示你的网页/babel confighter-better-guide感谢你将我重新定向到另一个指南，但不幸的是，它仍然无法帮助/使用我当前的构建/代码。

import {str} from './example1';

 //example1.js
 export default var str = 'hello world';

 //main.js
 import exampleStr from './example1';