es6 使用ES6 Module如何处理模块按需加载?
使用ES6 Module如何处理模块按需加载?
示例:定义和使用ES6模块;codingdict.com/article/7551
定义模块:消息模块.js
导入模块:消费模块.js
使用以下命令通过NPM安装ES6模块转换器-
假设给定JS项目的目录结构如下-
其中脚本是包含我的ES6代码示例的目录。我们将ES6代码转换为Es5,并将其保存在上面显示的目录中。
步骤1-导航到D/ES6/scripts目录并将ES6代码转换为commonjs格式。您也可以选择将其转换为AMD格式,并使用浏览器运行相同的程序。
在节点窗口中键入以下代码以将代码转换为通用JS格式-
以上命令将传输脚本目录中的所有JS文件,并将翻译后的版本放入out子目录。
步骤2-执行脚本代码。
以下是上述代码的输出。
注意-模块也可以重新导出,即导入模块的代码也可以将其导出。
javascript中的export和import怎么用?
导出和导入用于JavaScript模块化操作。您可以在文件A.js中编写一些对象:exportvarfoo1;exportfunctionfoo2(){};exportclassfoo3extendprop{},然后在其他地方引用这些模块。Import{foo1,foo2,foo3}from“A.js”exportdefault是公开一个默认变量、函数或类,可以不带名称直接导入。例如,//a.jsexportdefault “string”//不要使用分号,否则有时会报告错误//b.jsimportfootfrom “a”控制台.log(福)
es6 export default用法 import export
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。