如何正确导出纯JS文件并将其导入另一个JS文件?

时间:2020-08-31 15:58:38

标签: javascript html jquery css keyboard-events

我需要导出和导入一个普通的js文件才能正确地进行键盘导航。 我在这里遵循示例,并使用ES5的导入和导出模式,但未将一个js文件链接到另一个。 https://www.w3.org/TR/wai-aria-practices-1.1/examples/menubar/menubar-1/menubar-1.html# 这是我的codepen.io链接 https://codepen.io/ankita-sharma-the-flexboxer/project/editor/DzdmBE

module.exports = PopupMenu;
var myModule = require('./popuplinks');

1 个答案:

答案 0 :(得分:0)

有多种导出和导入JavaScript模块的方法,在过去,我们使用的是CommonJS模块,其格式与您介绍的格式相同,可以按以下方式使用。

// module.js
const myModule = "something"
module.exports = myModule
// And then if you want to import in another file, you're using following sentence.
const module = require("./module")

实际上,我们使用的是类似ES6的导入,您可以在MDN上阅读有关它们的信息,我附上了一小部分ES6 +导出示例。

// module.js
const myModule = "Something"
export { myModule }
// And then
import {myModule} from './module'

实际上,您应该阅读post that will resolve your issue