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

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

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

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

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

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

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

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

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

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