Roy 的開發筆記

A Rails Developer's Notes

新手向 Webpack 完全攻略 (6) – 乾淨利落抽出 CSS — 四月 30, 2017
新手向 Webpack 完全攻略 (5) – 幫你載入 CSS — 四月 22, 2017

新手向 Webpack 完全攻略 (5) – 幫你載入 CSS

上一篇文章中,我們提到如何使用 Loader 來將 ES6 的語法改成 ES5 ,以方便讓各種瀏覽器都能夠順利讀取 JS 檔案。但 Loader 能做的,並不只是處理 JavaScript。在這個章節我們要加入一些新的內容,並且讓 Loader 來幫我們處理 CSS。

為了展示 CSS 是否要被正確編譯,我們要做一些事前準備工作。我們可以讓畫面中可以輸出一張圖片,並且利用 CSS 來調整圖片的位置。

繼續閱讀

新手向 Webpack 完全攻略 (4) – 設定 Loader — 四月 15, 2017

新手向 Webpack 完全攻略 (4) – 設定 Loader

什麼是 Loader?

Webpack 的主要核心功能是將開發者的 JS 檔案打包成一個檔案,而它也可以利用各種不同的 Loader 來編譯檔案,不僅僅是 JavaScript、就連 CSS 以及圖片都可以利用 Loader 來編譯。假設今天你的 JavaScript 使用 ES6 的語法,而目前並非所有的瀏覽器都兼容 ES6,為了讓每個瀏覽器都可以順利執行我們的 JavaScript,我們就可以利用 Loader 將 ES6 編譯成 ES5 的語法。

繼續閱讀

新手向 Webpack 完全攻略 (3) – Webpack 不是黑魔法 — 四月 10, 2017
新手向 Webpack 完全攻略 (2) – 打包你的 JavaScript — 四月 9, 2017
新手向 Webpack 完全攻略 (1) – Webpack 簡介 — 四月 8, 2017