Webpack 是什麼?
剛開始學習前端時，都只會撰寫簡單的小專案，撰寫的檔案也相對單純，就是簡單的js檔案、css檔案等。當你要寫的檔案越來越大，為了管理或撰寫方便，你可能就會開始使用很多新的寫法。可是這些新的寫法，我們的瀏覽器是看不懂的，這時候我們就需要 Webpack 。
Webpack 幫我們整理所有的檔案並轉譯成瀏覽器看得懂的程式碼
修但幾勒 那 Gulp 呢?
不知道Gulp的看著 讓專案使用 Gulp 自動化編譯
這樣一講我又把gulp和webpack搞在一起了，到底兩個有什麼關係呢?
Webpack 的核心工具?
1. Loaders
透過loaders把瀏覽器看不懂的檔案，整理成可以使用的檔案。
平常使用webpack建立一個簡單的專案時，就可以透過webpack先設定要使用哪種寫法(pug/scss等等)，告訴webpack你要指定那些loaders，它就會幫你轉換啦!
2. Hot Module Replacement
當你修改某一處並儲存後，網頁不會整個重新reload，它只會重新執行你修改的地方
3. Entry
Entry file
4. Output
build指令
5. plugin
webpack 基礎套件
bundle
