iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 8
0
Modern Web

使用 webpack 模組化你的程式碼,讓人生更美好。系列 第 8

<08 - 溫故知新> 階段複習過去七天所瞭解的 webpack

  • 分享至 

  • xImage
  •  

今天是第8天,也代表著過去7天已撰寫了7篇文章,不管有沒有人看,只要有一個人看,那就值得啦。
做網站開發這件事,深深感受到網站技術的推陳出新,今天流行的,明天可能退流行,所以有時會建議大家不要學太多,學幾個你有在用,熟悉的,將它用在你的工作上、生活上更加重要,不要被技術綁架了(我現在就被 webpack 給綁架了)。/images/emoticon/emoticon37.gif

廢話不多話,過去七天我介紹了 webpack 的安裝、基本的模組化、使用 localhost 開啟網站、四大心法,都是非常基礎的,希望對大家入門有所幫助。

以下是過去七天的各篇連結,趕快來複習,一樣要捲起袖子/images/emoticon/emoticon31.gif

同時也附上完整的程式碼,可於此下載,僅 3KB 而已。
下載完後,確認本機端電腦有安裝 NodeJS 之後,記得執行 npm install 指令來安裝相關的程式,再執行 webpack 指令來 bundle 檔案,就會產生 dist 資料夾,裡面就是各模組檔案。


接下來幾天,我會試著 bundle 其它檔案類型,例如 scsses6圖片,也就是相關 assets 的部份。敬請期待。/images/emoticon/emoticon41.gif


上一篇
<07 - 心法4 - 無所不能> Plugins - 示範內建的 webpack.optimize.UglifyJsPlugin
下一篇
<09 - Loaders 再進化系列 01> sass-loader - 開始撰寫 SCSS 語法吧!
系列文
使用 webpack 模組化你的程式碼,讓人生更美好。30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言