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 需要哪些套件

Decisional 決定行動

終於將第十三週的作業大概都寫好了,剩下作業四,希望明天可以將作業 push 上 GitHub。

#Webpack #plugin #留言板







你可能感興趣的文章

NLP 簡介

NLP 簡介

[ CSS 01 ] Selector

[ CSS 01 ] Selector

[Week6] CSS 選取器:全域選擇器、:nth-child()

[Week6] CSS 選取器:全域選擇器、:nth-child()






留言討論