使用 Snowpack + Typescript 來建置一個 Web App

Snowpack 號稱是更快速的前端建構工具,在開發 Web 應用程式的工作流程中,它可以替代更重、更複雜的打包工具,如 webpack 或 Parcel。 在此不會討論 Snowpack 的設計細節,只紀錄如可快速的使用 Snowpack 來建置一個由 Typescript 支援網頁程式。由撰寫 Typescript 的過程中了解到強型別(及與搭配 vscode 編輯器)所帶來的好處。 使用 create-snowpack-app 建立專案 $ mkdir doto-list && cd todo-list $ $ npx create-snowpack-app . --template @snowpack/app-template-blank-typescript --force $ npm install $ code . 産生的程式結構如下: package.json 的內容: { "scripts": { "start": "snowpack dev", "build": "snowpack build", "test": "echo \"This template does not include a test runner by default.\" && exit 1", "format": "prettier --write \"src/**/*....

May 1, 2022 · 5 min · Theme PaperMod