目錄結(jié)構(gòu)介紹

tmt-workflow/
│
├── _tasks                            //Gulp 任務(wù)定義
├── package.json
├── .tmtworkflowrc                    //工作流配置文件
└── project                           //項(xiàng)目目錄
    ├── gulpfile.js                   //任務(wù)配置，每個(gè)項(xiàng)目必需
    ├── dev                           //開(kāi)發(fā)目錄，由 build_dev 任務(wù)自動(dòng)生成
    │   ├── css
    │   ├── html
    │   ├── img
    │   └── slice
    ├── dist                          //生產(chǎn)目錄(存放最終可發(fā)布上線的文件)，由 build_dist 任務(wù)自動(dòng)生成
    │   ├── css
    │   ├── html
    │   ├── img
    │   └── sprite                    //雪碧圖合并自 src/slice，文件名與 css 文件名一致
    │       ├── style-index.png
    │       └── style-index@2x.png
    └── src                           //源文件目錄，此目錄會(huì)被監(jiān)聽(tīng)變化并重新編譯->dev
        ├── css                       //樣式表目錄，使用 Less，只有 style-*.less 的文件名會(huì)被編譯
        ├── html
        ├── img
        └── slice                     //圖片素材，雪碧圖合并，同名的 @2x 圖片會(huì)被識(shí)別并進(jìn)行合并
            ├── icon-dribbble.png
            ├── icon-dribbble@2x.png

如上，在我們?nèi)粘ｉ_(kāi)發(fā)當(dāng)中，把所有項(xiàng)目都統(tǒng)一存放在一個(gè)目錄，如可以叫 tmt-workflow, 目錄下固定的有 _tasks 目錄、package.json 和 .tmtworkflowrc，這幾個(gè)是工作流必需的。

• _tasks: 存放 Gulp 代碼的目錄
• package.json: 模塊依賴(lài)文件，用于 npm install 時(shí)用
• .tmtworkflowrc: 工作流全局配置文件，如果想有項(xiàng)目想特殊化，可在項(xiàng)目里面再建一個(gè)同名文件覆蓋，更詳細(xì)查看 ⒊ 配置文件

接著就是各個(gè)項(xiàng)目(project)了，一個(gè)標(biāo)準(zhǔn)的項(xiàng)目結(jié)構(gòu)如下：

── project                              //項(xiàng)目目錄
    ├── gulpfile.js                     //任務(wù)配置，每個(gè)項(xiàng)目必需
    └── src                             //源文件目錄，此目錄會(huì)被監(jiān)聽(tīng)變化并重新編譯->dev
        ├── css                         //樣式表目錄，使用 Less，只有 style-*.less 的文件名會(huì)被編譯
        ├── html
        ├── img
        └── slice                       //圖片素材，雪碧圖合并，同名的 @2x 圖片會(huì)被識(shí)別并進(jìn)行合并
            ├── icon-dribbble.png
            ├── icon-dribbble@2x.png

注意：標(biāo)準(zhǔn)的項(xiàng)目結(jié)構(gòu)只有如上所示，build_dev 和 build_dist 為程序自動(dòng)生成。