Question

我一直试图使用ES6代码来拆分代码，所以我的main.js不会一无所有

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

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

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

但是，我会收到以下错误消息：

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

从我使用Google的情况来看，当前的网络浏览器不支持模块，并且我正在使用Google Chrome。

我尝试使用 Babel 和 Webpack ，但是这两者似乎都要求将所有内容捆绑在一起。即使那样，一切都更加令人困惑。

人们将如何使用导入/导出拆分代码，或者人们仅使用脚本标签来导入其js文件？

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

Answer 1

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

import {str} from './example1';

如果您要默认导入str，则需要执行以下操作（导入时您可以随心所欲地命名它）：

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

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

如果仅从文件中导出1个对象，建议您使用default，如果有多个导出，请使用示例1。