卡拉筆記

有一天發現文章七零八落的不好找東西，想拉下來還自己忘記步驟，所以再整理一篇出來。

文章的 demo code 可以在我的 github 上面查看。
基於 vue 配置的 webpack
基於 react 配置的 webpack
 
有要拉下來實驗看看的話，記得進入到放 src 資料夾的地方安裝 node_modules ，然後 build 再 serve (如果想要測試一下 hot reload 效果的話)

頁面懶加載。

這次要來做圖片跟 css 的打包。scss 打包說明在文末，概括來說就是多裝幾個 loader。

本篇文章的 demo code 可以在這邊查看:

前面幾篇文章結束之後我們手邊有個簡單的專案了，

接下來我們來試試架個最簡單的網站。

整理一下這次架設webpack從開始到可以真正npm run build之前遇到的所有問題。

主要是因為我一開始webpack.config.js的設定是拿別人的XD 踩了超多坑，謹此紀念(?)

上一篇只有簡單的介紹如何打包，

但是還感覺不出打包不打包的差別，

這篇要講webpack.config.js。

在那之前，我們先來把裡面會用到的東西都裝一裝。