如何正确地将普通JS文件导出并导入到另一个JS文件中？

Question

我需要导出和导入一个普通的js文件才能正确工作键盘导航。我遵循这里的示例，使用ES5的导入和导出模式，但它没有将一个js文件链接到另一个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');

Answer 1

有多种方式可以导出和导入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