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