2016 - 2024

感恩一路有你

es6 使用ES6 Module如何处理模块按需加载?

浏览量:2612 时间:2021-03-16 04:09:03 作者:admin

使用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

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。