ES6 Module export与import复合使用

Posted whnba

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 Module export与import复合使用相关的知识,希望对你有一定的参考价值。

export与import复合使用

基本语法

export {...} from ‘文件‘;

等价于

import {...} from "文件";

export {...}

先加载模块,然后重定义输出。

 

重定义输出名

重定义默认变量名

// a.js
export const b = 1; export default () => { console.log("默认"); }
export {default as f, b} from "./a.js"

 

整体输出

export * 整体输出是输出 a.js中定义的所有变量,但是 无法输出  default 变量。(仅限于整体输出)

// a.js
export const b = 1; export const c = 5; export default () => { console.log("默认"); }
export * from "./a.js";   //  default 无法输出。

 

以上是关于ES6 Module export与import复合使用的主要内容,如果未能解决你的问题,请参考以下文章

module.exports,exports,export和export default,import与require区别与联系原创

原创module.exports和exports export和export default import和require区别与联系一次性解决

es6 module export 和 import写法注意点

从nodejs,es6,typescript方面去弄清楚exports,require,export,import,export=

ES6之Module语法(import/export)

module.exports,exports,export和export default,import与require区别与联系