— css mini-css-extract-plugin(多輸出) mini-css-extract-plugin(合併輸出) optimize-css-assets-webpack-plugin terser-webpack-plugin 參考資料 在這之前有介紹 Webpack 基礎設定，以及搭配 Babel 設定介紹，這次我們來介紹如何在 Javascript 引入 CSS 檔案做開發。 首先我們先來練習最基礎的引入 CSS 安裝 CSS $ npm install css-loader style-loader --save-dev css-loader 幫我們把 CSS 檔案透過...

— Babel 參考資料 上一篇介紹了 Webpack 基礎設定，這次要來介紹 JavaScript ES6 要怎麼使用 Webpack + Babel 來編譯成 ES5 安裝 Babel npm install babel-loader @babel/core @babel/preset-env --save-dev babel-loader 讀取檔案格式 @babel/core babel 的核心，主要負責解析並產出新的原始碼 @babel/preset-env 有點像是規則書，裏面包含了 ES5、ES6、ES7...

— Node.js 建立專案 安裝 webpack 設定 webpack 多檔案輸出輸入 參考資料 Node.js webpack 是建立在 nodejs 上面的工具，理所當然的 node.js 不可或缺 安裝可至 官方 下載，或透過 nvm 來安裝管理 node.js ( 建議下載 LTS 官方推薦版本 ) 安裝完成後，檢查安裝版本，看是否有安裝成功 $ node...