首页 > 其他 > 详细

export、export default、module.export区别

时间:2017-08-13 15:44:21      阅读:224      评论:0      收藏:0      [点我收藏+]

 在es6里面定义模块,导出模块时可以使用export、export default

这2者区别:

在同一个文件里面可以有多个export, 一个文件里面只能有1个export default 

 1 //a.js
 2 
 3 export const test = ‘aaa‘;
 4 
 5 export const a = function(){};
 6 
 7 
 8 //b.js
 9 
10 const test = ‘aaa‘;
11 export default test; 

使用import 引入的方式也有点区别:

使用export时,用import引入相应的模块名字一定要和定义的名字一样,而使用export default时,用import引入模块名字可以不一样。

1 import {test, a} from ‘a‘;
2 
3 import aa from ‘b‘;

 

另外如果使用webpack 的require引入 export default返回的模块时,需要额外写default   

//webpack require

var test = require(‘b‘).default; 

可以使用webpack3.0配置解决这个问题,也可以使用module.export 来返回模块

module.export 为cmd语法

 

export、export default、module.export区别

原文:http://www.cnblogs.com/lmh2072005/p/7353551.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!