export、export default、module.export區別


 在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語法

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM