1、ES6 模組主要有兩個功能：export 和 import

export：使用者對外輸出本模組（一個檔案可以理解為一個模組，比如 aaa.js bbb.js）變數的介面 。

import：用於在一個模組中載入另一個含有 export 介面的模組（也就是這個 js 檔案一定要含有 export ）。

而我們在使用 import 匯入一個模組的時候通常這樣使用：

import util from '@/libs/util'

那麼這個 @ 到底是個什麼意思呢？

2、webpack.base.conf.js 檔案有如下程式碼

resolve: {
    
 
// 自動補全的副檔名
    extensions: ['.js', '.vue', '.json'],
    // 預設路徑代理
    // 例如 import Vue from 'vue'，會自動到 'vue/dist/vue.common.js'中尋找
    alias: {
        '@': resolve('src'),
        '@config': resolve('config'),
        'vue$': 'vue/dist/vue.common.js'
    }
}

是不是已經很明確了呢？ @ 等價於 src，舉一反三，也支援自定義的。