FE301

Webpack 5 入門

從模組化帶你認識 Webpack，工程師不能不認識的打包工具！

當你專案裡的程式碼越來越多，開發和管理維護是否日益困難？Webpack 可以將各式檔案資源模組化並打包，讓瀏覽器好編譯，更不用手動逐一檔案操作引入，只要使用 Webpack 就能有效提升開發效率，算是現代前端不得不了解的工具，可以有效提升開發效率！

現在報名只要 NT$1,000
直接購買 加入購物車
  • 終身存取權
  • 影片時數
  • 結業證書
  • 可行動裝置使用

講師介紹

使用者大頭貼

奶綠茶

資深前端開發者與程式開發講師，授課資歷十年以上。
擅長 HTML、CSS、JavaScript、jQuery、Vue、React 開發應用與 Webpack 前端打包工具等，專修各種前端跨平台的疑難雜症。
另一個身份為花鬍子樂團吉他手，育有二貓，喜愛小酌。

課程特色

專修各種前端跨平台的 Webpack 打包工具，除了可以將各種檔案資源如.pug / .sass / .js / .png / .jpg 等一次打包，讓你好進行模組化開發，更減少翻找檔案的時間，讓工程師可以將更多心力放在開發上，讓你輕鬆解決管理和維護的困難。

課程內容豐富多元，你將認識：
✓ Webpack 簡介和打包原理
✓ 環境安裝
✓ ES6 Module
✓ Webpack 套件
✓ 整合 React.js
✓ 業界常用範例演練
✓ 可搭配的外掛和社群資源

decoration image

課程影音

檔案下載

範例檔案下載

課程內容

01 : 50 : 28

01 - Webpack 簡介

01 : 19

02 - 環境安裝

02 : 43

03 - Hello Webpack!

14 : 25

04 - ES6 Module

11 : 58

05 - Webpack 套件 cross-env

08 : 56

06 - Babel preset-env

07 : 58

07 - Style Loader 與 Url Loader

09 : 24

08 - Webpack-dev-server

09 : 36

09 - Webpack-dev-server 與 Pug

05 : 15

10 - Webpack 套件 mini-css-extract-plugin

04 : 30

11 - contenthash

07 : 40

12 - DefinePlugin

04 : 36

13 - Webpack 最佳化

05 : 52

14 - Multiple Entry

04 : 38

15 - ESLint

05 : 49

16 - 整合 React.js

03 : 58

17 - 小結

01 : 51

decoration image
FE301

Webpack 5 入門

現在報名只要 NT$1,000
直接購買 加入購物車
  • 終身存取權
  • 影片時數
  • 結業證書
  • 可行動裝置使用

其他課程推薦

常見問題

這個課程將於何時開始收看呢？

只要完成付款流程，即可開始觀看課程囉！

這個線上課程可以看多久？要如何收看？

在您付款完成後，該線上課程即能不限次數並永久收看，不用擔心過期喔！

課程上線後，您隨時隨地都可以透過電腦、平板或手機觀看課程影片，沒有時間和地點的問題！

線上課程和實體課程的差別為何？
  1. 實體與線上課程所教授的內容都很精實，最大的差異在課程內容深度會因實體上課同學的發問，而講師針對內容有所延伸。
  2. 線上課程因是經過剪輯的預錄影片，故沒有與講師的互動與實際操作指導。
如何評估課程是否適合我？

部分課程會開放幾個章節的「試看影片」，讓您能在購買前試看後再決定是否購買，降低課程與期望不符的可能性。

付費前請自行確認該門課程是否有提供影片試看。

如果想要更改或取消購買的課程，可以怎麼做？

除了「試看影片」的章節外，若您於購買後曾觀看正式課程的內容，即不符合退費資格，無法申請退費。

若是沒有瀏覽過「正式課程」的內容，則可以依照下方的規範辦理退費：

  1. 購買課程當日起算 7 日內申請退費，全額退還該課程您所支付之課程費用。
  2. 購買課程當日起算第 8 日至第 14 日以內申請退費，返還該課程您所支付之課程費用 30％。
  3. 購買課程當日起算第 15 日後，該課程您所支付之課程費用不予退還。

確認符合退費資格後， 五倍學院依當初交易時，所使用之付款方式將課程費用退還。

完成退費申請後，將於二十個工作天內完成退款。

課程學習中遇到問題，該到哪裡尋求協助？

問題討論

每個課程影片章節下方皆有問題討論區，在這討論區裡，你可以與老師進行交流及互動，解決你在線上課程中遇到的問題；也能與其他學員交流心得，或許會有意外的收獲喔！

課程 Discord 群組

為了能快速又便利的幫同學們解決學習時面臨的問題，我們會為該課程建立專屬群組，並於學員完成課程購買時提供群組連結，請學員們記得要加入唷！

關於發票的問題

五倍學院為響應環保，僅提供電子發票，免費課程不開立發票。

因五倍院學係屬教育機構提供之教育勞務，依法可免徵營業稅，故開立『免稅』發票。

取得電子發票

發票形式：以電子郵件寄送

待購買完成後的七個工作天內，會依照您所填寫的電子信箱寄出。

公司 / 單位需要報帳

請您於結帳時填寫「統編資訊」，並務必填寫正確公司名稱及統一編號

交易成功後的七個工作天內，電子發票將寄送至您所填寫的電子信箱，您可以將它列印並作為會計憑證。

如果對課程有問題，該如何詢問呢？

若您對課程內容有任何問題，您可以透過以下管道諮詢：

  1. 在有問題的章節下方留言
  2. Email 來信 course@5xcampus.com 或傳訊息給我們的 Facebook 粉絲專頁，我們會盡快回覆