javascript - 如何在JavaScript中拆分代码？ (导入/导出)

This question already has answers here:

When should I use curly braces for ES6 import?
                            
                                （10个答案）
                            
                    
                2年前关闭。
        

    

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

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

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

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

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

未捕获的SyntaxError：意外的标识符

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

我尝试使用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。

关于javascript - 如何在JavaScript中拆分代码？ (导入/导出)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52139689/