iT邦幫忙

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

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

<14 - 溫故知新 2> 附上目前的程式碼,即將進入 Code Splitting 心法

  • 分享至 

  • xImage
  •  

在使用 webpack 的過程中,有個很重要的觀念,叫做 Code Splitting,其實在過去幾天的介紹,已經有使用到了 Code Splitting 的觀念,簡單來說,就是將不同的程式碼折分成不同的檔案。我們可以透過 Code Splitting 觀念協助我們達到二件事情:

以下為原文,再加上自己的翻譯。

  • On demand code-splitting. (譯:依據需求來折分不同的程式,並於不同狀況來載入。)
  • Resource splitting for cacheing and parallel loads. (譯:將資源相關(例 vendors, css) 抽離並進行 cache 或平行下載,增而增進效能。)

接下來的三天,根據以上兩點,會分別介紹三篇文章的使用方式,以下為官網原文:

同時,為了讓大家跟上進度,也附上目前這個階段的完成程式碼,可於此下載。下載後,記得執行 npm install 來安裝相關程式,以及 webpack 指令進行 bundle。

希望大家好好複習啊。目前所有文章在此

明天開始的系列文心法 Code Splitting,即將登場。/images/emoticon/emoticon41.gif


上一篇
<13 - Loaders 再進化系列 05> babel-loader - 就是狂
下一篇
<15 - 再續心法 1> Code Splitting - Using Require
系列文
使用 webpack 模組化你的程式碼,讓人生更美好。30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言