这个问题在这里已有答案：
我一直在尝试使用ES6代码来分割我的代码，所以我不会在main.js上拥有所有内容
我试过使用导入/导出，例如：
//example1.js
export var str = 'hello world';
//main.js
import exampleStr from './example1';
但是，我会收到以下错误：
Uncaught SyntaxError：意外的标识符
根据我的google'd，当前的网络浏览器不支持模块，而我使用的是谷歌浏览器。
我尝试使用Babel和Webpack，但这两者似乎都要求将所有内容捆绑在一起。即便如此，一切都更令人困惑。
人们如何使用导入/导出分割代码，或者人们只是使用脚本标签导入他们的js文件？
我目前正在使用Atom来编写javascript / html。
要使您的示例起作用，您需要执行以下操作（导入名称时必须与导出的名称完全相同）：
import {str} from './example1';
如果你想默认导入str，你需要进行以下操作（导入时你可以按照你希望的名称命名）：
//example1.js
export default var str = 'hello world';
//main.js
import exampleStr from './example1';
如果您只从文件中导出1个对象，我建议您使用default，如果您有多个导出，则使用示例1。