如何在Webpack專案中加入Lodash,來讓JavaScript有更方便的函數能用? 2019 年 10 月 29 日 Magic Len NodeJS、研究分享 Lodash是非常多人使用的JavaScript的工具函式庫,提供許多方便用來操作陣列、物件、字串、數值的函數。Webpack是JavaScript的模組建置工具,運行在Node.js上,它可以將零散的JavaScript檔案用各式工具優化並打包起來,加快網頁的載入時間。由於Lodash有很多零散的函數,一般專案應該也用不到其中的一半,所以它十分需要利用Webpack來砍掉沒有用到的程式碼,以減少... 繼續閱讀 Babel、JavaScript、Lodash、Webpack
如何用Webpack產生HTML網頁? 2019 年 10 月 1 日 Magic Len HTML、NodeJS、研究分享 Webpack是JavaScript的模組建置工具,運行在Node.js上,它可以將零散的JavaScript檔案用各式工具優化並打包起來,加快網頁的載入時間。Webpack也並不限於用在JavaScript上,它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外,也還能透過HTML模板來產生HTML網頁。 繼續閱讀 Babel、Handlebars、HTML、JavaScript、JSX、React、Webpack
如何用Webpack來打包JavaScript、SCSS/CSS、HTML網頁和任意檔案? 2019 年 8 月 20 日 Magic Len NodeJS、研究分享 Webpack是JavaScript的模組建置工具,運行在Node.js上,它可以將零散的JavaScript檔案用各式工具優化並打包起來,加快網頁的載入時間。Webpack也並不限於用在JavaScript上,舉凡網頁有用到的靜態資源(如JS、CSS、圖片檔等),甚至是HTML網頁,Webpack都有辦法打包。 繼續閱讀 Asynchronous Module Definition、Babel、CommonJS、CSS、ECMAScript、Font Awesome、HTML、JavaScript、PostCSS、Sass、Sassy CSS、SCSS、Vue.js、Webpack、Webpack library、Webpack libraryTarget