Day 97

Day 97 (Week14), 2021/07/17 (Saturday)

學習時數：6 hr

Done

[done] [FE201] Gulp、Webpack
[done] w13 hw2 留言板 plugin 跟著做
[done] Webpack

To Do @ this week

[done] hw1 陽春部落格
[done] hw2 留言版 plugin
[done] hw3 改寫第八週 Twitch 作業

學習心得紀錄

Objective 客觀

plugin 留言板

這兩天從 [FE201] 的 webpack 介紹，到帶著做留言板 plugin，在打包的部分有初步的認識，還還是不太瞭解怎麼樣打包，透過跟著留言板做 plugin，可以將 function 分別存在不同的檔案易於管理，再利用 webpack 打包的方式，放在目標資料夾 ./dist，另外的是要將留言板做成 module，這樣才可以在別的地方引用。這樣還是有點模糊，需要再多找找資料，才能更瞭解 webpack 的觀念跟怎麼使用。

感受

每更改一次，就要 npm run build 再打包一次。
因為一開始在 [FE201] 跟著影片一起練習時，是另外建立一個 webpack-demo 的資料夾，所以在我開始寫作業時，要在 mentor../week13 的資料夾，加上這次將需要用到的套件安裝在專案資料夾內，所以剛好這樣可以複習一下怎麼樣安裝套件，以及 webpack 需要哪些套件