webpack

Concepts 把 entry、output 與 loaders 分開解釋。可用來追蹤模組從入口到輸出的處理流程。

前往 webpack 官方網站

這是什麼

webpack 提供工具文件。本次實際開啟「Concepts」頁,讀到該主題的說明。

為何推薦

Concepts 把 entry、output 與 loaders 分開解釋。選項與設定可沿原站的主題再往下核對。

適合誰

要調整套件、建置或程式碼品質流程的開發者。

常用情境

  • 追蹤模組從入口到輸出的處理流程。

使用提醒

這次查證止於網站內容,沒有在本機重現文件中的操作。命令與 API 仍須依所用版本核對。

Babel

What is Babel? 解釋 JavaScript 編譯、JSX 與轉譯。可用來查語法轉譯與 preset 的關係。

  • documentation
  • developer-tool
  • babel

研究

Biome

Quick start 集中安裝、設定與下一步。可用來查格式化與 lint 的起始設定。

  • documentation
  • developer-tool
  • biome

研究

esbuild

Getting Started 有安裝、第一個 bundle 與 build scripts。可用來查最小打包命令的參數。

  • documentation
  • developer-tool
  • esbuild

研究