React 教學 - 減少 React App 大小 ( Reduce React app's size using Webpack )

開發 React 應用程式時，比較常遇到的問題就是 bundle.js 或其他檔案太大，導致頁面載入時間過長。但透過 Webpack 與一些優化技巧可以大幅減少整個應用程式大小。因此，本篇將介紹如何利用 Webpack 減少 React 應用程式大小。( If you want to read this article in English, you can visit here )

Webpack 教學 - 編譯 SCSS 檔案 ( Webpack - Compile and convert SCSS files into a single CSS file)

Webpack 是一個很強大的工具，而且已有取代 Gulp 的趨勢。因爲不僅可以透過它來編譯與合併 JS 檔案，還可以透過其他 Loader 來處理其他檔案，例如將 SCSS 檔案編譯成 CSS。因此，本篇將介紹如何利用 Webpack 單純地將 SCSS 檔案編譯並合併成一個 CSS 檔案，這邊將不會討論如何處理在 JS 中引入的 CSS。( If you want to read this article in English, you can visit here )