工作需求，主管讓我用了一點(很大的一點)時間研究如何使用webpack架站，
踩坑日記著實字字血淚，實在太值得紀念，
事後還被要求做個ppt分享，實在太有紀念價值了寫幾篇文章記錄一下。
－－－－－－
所以，
為什麼要用webpack？webpack是甚麼？能吃嗎？
這問題真是大哉問，是主管要求我說明的，我哪知道
一開始需要webpack是因為我要做個多國語言網站需要使用vue的i18n套件
但是到底webpack是甚麼為甚麼要用它，我的了解只有：就是個打包的工具啊XD。
那所以打包是啥？幹嘛要打包？
推薦官網這張圖：
目前的理解是：
當你在做一個專案網站的時候，你可能會有很多不同類型的檔案，
然而在這之中，有很多其實是瀏覽器並不認識的，
那透過webpack就可以把這些瀏覽器不認識的東西做轉換（包裝？），
變成瀏覽器能理解並執行的東西。
所以如果把上面那句話再簡單的完善一下就是：
webpack是一個模組管理+打包資源的工具。
（webpack將所有資源都視為模組，不只是js，圖片、css等都是模組，都可以透過import/export來做使用）
webpack有眾多優點，詳情請google，
目前來說對我最有感的是程式碼封裝。
webpack可以將你的眾多檔案重新處理封裝在一個或幾個你指定的檔案中，
對於有心人士來說，要抄襲要做處理就會變得比較不容易。
參考資料：