es6中export和export default的差別

• export與export default均可用于導出常量、函數、檔案、子產品
• 你可以在其它檔案或子產品中通過import+(常量 | 函數 | 檔案 | 子產品)名的方式，将其導入，以便能夠對其進行使用
• 在一個檔案或子產品中，export、import可以有多個，export default僅有一個
• 通過export方式導出，在導入時要加{ }，export default則不需要
• 其實很多時候export與export default可以實作同樣的目的，隻是用法有些差別。注意第四條，通過export方式導出，在導入時要加{ }，export default則不需要。使用export default指令，為子產品指定預設輸出，這樣就不需要知道所要加載子產品的變量名。

可以用最新的webpack去測試，最新的webpack已經内置支援了es6的子產品文法。

webpack.config.js

const pathlib=require('path');

module.exports={
  mode: 'development',
  entry:'./js/main',
  output:{
    path:pathlib.resolve('dest'),
    filename:'bundle.js'      

js/main.js

import {fn} from './a';
import b from './b';

console.log(`a的值是${fn}`);
console.log(`b的值是${b}`);      

function fn(){
  return {
    a:1000,
    age:21111111      

export default {
  name:'bbbbbbbbb',
  age:122222222222