iT邦幫忙

2022 iThome 鐵人賽

DAY 27
0
Software Development

2022年 JavaScript 相關應用及學習之繁體中文選系列 第 27

從 0 到 Webpack:學習 Modern Web 專案的建置方式 | 心得導讀

  • 分享至 

  • xImage
  •  

導言

時到今日,前端如果不會下打包的指令,八成也不用混了,但是你知道 webpack 這個工具的建置方式,以及的背後的原理嗎?
本書從頭開始告訴你這一切的前世今生,是一本不得不得的好書。

架構

第一章講 webpack 為何會發展出來。
第二章講 webpack 的基礎
第三章講 webpack 的常用配置
第四章講各個情境的配置方發
第五章講優化
第六章了解 webpack 的運作方式,並實作出一支自已的打包工具
第七章是其他

摘要

使用 Plugins

講述如何配置plugins。
webpack 在執行的過程中,會在生命週期的各個步驟對外釋出事件 (Event Hooks)。使用者可以使用插件(Plugins)在各個事件鉤子註冊 應的處理,以改變建置的過程及結果。

設置 Plugins

要使用 Plugins 需要在配置中設定 plugins,設定的步驟如下:
安裝插件(如果是內建插件則不用安裝)
引入插件
使用 new 初始插件
設定至配置檔中

如以下的例子:


onst CompressionPlugin = require('compression-webpack-plugin');
module.exports = (
plugins: [
// config plugin
new CompressionPlugin(), // new plugin

總結

難易度

⭐⭐

自備技能

程式撰寫能力
架站經驗

適合對象

中階

心得

雖然本書是說從 0 開始,但從 0 開始的應該是 webpack 的部份,如果沒有程式撰寫及架站經驗,可能無法入手。


上一篇
[2022年 JavaScript 相關應用及學習之繁體中文選] TensorFlow.js 學習手冊 | 心得導讀
下一篇
[2022年 JavaScript 相關應用及學習之繁體中文選] 白話大數據與機器學習 | 心得導讀
系列文
2022年 JavaScript 相關應用及學習之繁體中文選31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言