為什要使用WebPack
現今的很多網頁其實可以看做是功能豐富的應用，它們擁有著復雜的JavaScript代碼和一大堆依賴包。為了簡化開發的復雜度，前端社區涌現出了很多好的實踐方法
模塊化，讓我們可以把復雜的程序細化為小的文件;
類似于TypeScript這種在JavaScript基礎上拓展的開發語言：使我們能夠實現目前版本的JavaScript不能直接使用的特性，并且之后還能轉換為JavaScript文件使瀏覽器可以識別；
Scss，less等CSS預處理器
...
這些改進確實大大的提高了我們的開發效率，但是利用它們開發的文件往往需要進行額外的處理才能讓瀏覽器識別,而手動處理又是非常繁瑣的，這就為WebPack類的工具的出現提供了需求。
什么是Webpack
WebPack可以看做是模塊打包機：它做的事情是，分析你的項目結構，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），并將其轉換和打包為合適的格式供瀏覽器使用。

可以考慮開發的時候，頁面中加載的是源碼，然后用livereload實現有修改，自動刷新頁面
然后在進行release發布的時候，打包編譯，測試看看有沒有問題。
這樣進行編譯的次數就少了。webpack是可以支持requirejs的AMD的寫法的吧

只是一個別名而已。這里設置別名是為了讓后續引用的地方減少路徑的復雜度。

//例如
src
- components
- a.vue
- router
- home
- index.vue

index.vue 里，正常引用 A 組件：

import A from '../../components/a.vue'

如果設置了 alias 后。
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
}

引用的地方路徑就可以這樣了

import A from '@/components/a.vue'

這里的 @ 就起到了【resolve('src')】路徑的作用。