Gulp Workflow

此專案為預設專案，整合了 Gulp 與傳統網頁開發的資料夾配置，即 HTML、styles 與 scripts。

資料夾配置：

• src 為開發用資料夾
• dist 為輸出的資料夾

支援語法：

• template 支援 HTML、Pug 及 EJS
• styles 支援 CSS 及 SCSS
• scripts 支援 JavaScript 與 TypeScript

注意事項

• 使用 Gulp 前，務必先輸入 npm install -g gulp-cli 在全域安裝 Gulp-cli 才能正常使用。
• 在開始開發前，務必先輸入 npm install 指令來載入 node_modules。
• 為避免使用 Pug 或 EJS 等模板語言時傳值產生編譯錯誤，主頁面預設都放至 src 目錄下（HTML 亦同），分離的模板元件才放至 views 底下。

npm 指令

• npm run clean：清除 dist 資料夾
• npm run serve：進入開發模式，包含 Hot Reload 功能
• npm run build：輸出專案，會自動壓縮所有檔案