时间戳

首页 > 解决方案 > 你如何在 Javascript 中拆分代码？（进出口）

javascript - 你如何在 Javascript 中拆分代码？（进出口）

问题描述

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

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

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

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

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

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

根据我的谷歌搜索，当前的网络浏览器不支持模块，我使用的是谷歌浏览器。

我尝试使用Babel和Webpack，但这两者似乎都需要将所有内容捆绑在一起。即便如此，一切都更加扑朔迷离。

人们如何使用导入/导出来拆分他们的代码，或者人们只是使用脚本标签来导入他们的 js 文件？

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

标签： javascriptmodule

解决方案

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

import {str} from './example1';

如果要默认导入 str ，则需要执行以下操作（导入时可以随意命名）：

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

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

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

推荐阅读