請用這週學到的 CSS 預處理器重新改寫之前第十一週做的陽春部落格的 CSS 檔案。作業只需要把寫好的 SCSS 檔案複製過來就好，不需要放其他 PHP 的檔案。
這是一個「帶你動手做」的作業，在 MTR04 裡面會有一個教學，一步步帶你改寫上一週寫的 SPA 留言板，把它改成一個 plugin 的形式，並且運用到 Webpack 以及其它這週所學到的工具。
這個作業跟第九週留言板比較像，一樣都會有教學帶著你做，但是這個作業的難度比較高，所以這個作業你並不需要真的 100% 理解。大家只要稍微知道 webpack 有哪些基本設定以及目的即可。
第八週有一個作業是串接 Twitch API，當時我們是用 XMLHttpRequest 這個 WebAPI 來做的。但是在新的標準中，有一個東西叫做 fetch，能夠用不同的語法發出 request 並且串接 API。
而這個作業呢，就是要把第八週的那個 Twitch API 的作業從 XMLHttpRequest 改成用 fetch 來串接 API。
- Webpack 是做什麼用的？可以不用它嗎？
- gulp 跟 webpack 有什麼不一樣？
- CSS Selector 權重的計算方式為何？
請將答案寫在 hw4.md。