專案目錄結構

在使用 gulp 時，壓縮前、壓縮後的檔案、開發與發佈檔案如何管理？目錄結構相對來說其實是蠻重要的。目錄結構沒有一定的格式，如果是團隊共同開發，可以依需求制定統一的目錄結構；個人開發則是依個人習慣制定。
一般來說會在專案資料夾下分兩個資料夾，src 存放的是原始碼，可直接在這做版本控制，dist 則是 gulp 編譯後準備發佈的檔案。

|- src/
    |- main.ts
    |- style.scss
    |- index.html
|- dist/
    |- main.js
    |- style.css
    |- index.html
|- gulpfile.js
|- package.json
|- node_modules/

如果專案複雜程度擴大的話，會在目錄裡將檔案再次分類，也可再新增一個資料夾 .tmp 存放編譯過的檔案，dist 則是改為存放最小化的檔案。

|- src/
    |- js/
        |- main.ts
        |- mobile.ts
    |- css/
        |- style.scss
        |- mobile.scss
    |- index.html
|- .tmp/
    |- js/
        |- main.js
        |- mobile.js
    |- css/
        |- style.css
        |- mobile.css
    |- index.html
|- dist/
    |- main.min.js
    |- style.min.css
    |- index.html
|- gulpfile.js
|- package.json
|- node_modules/