디렉토리 구조 소개


tmt-workflow/
│
├── _tasks                            //Gulp 任务定义├── package.json
├── .tmtworkflowrc                    //工作流配置文件└── project                           //项目目录
    ├── gulpfile.js                   //任务配置,每个项目必需
    ├── dev                           //开发目录,由 build_dev 任务自动生成
    │   ├── css
    │   ├── html
    │   ├── img
    │   └── slice
    ├── dist                          //生产目录(存放最终可发布上线的文件),由 build_dist 任务自动生成
    │   ├── css
    │   ├── html
    │   ├── img
    │   └── sprite                    //雪碧图合并自 src/slice,文件名与 css 文件名一致
    │       ├── style-index.png
    │       └── style-index@2x.png
    └── src                           //源文件目录,此目录会被监听变化并重新编译->dev
        ├── css                       //样式表目录,使用 Less,只有 style-*.less 的文件名会被编译
        ├── html
        ├── img
        └── slice                     //图片素材,雪碧图合并,同名的 @2x 图片会被识别并进行合并
            ├── icon-dribbble.png
            ├── icon-dribbble@2x.png

위와 같이 일상적인 개발에서 모든 프로젝트는 하나의 디렉터리에 저장됩니다. 예를 들어 tmt-workflow라고 할 수 있으며 고정된 _tasks 디렉터리가 있습니다. package.json.tmtworkflowrc 디렉터리 아래에 있으며 이는 워크플로에 필요합니다. tmt-workflow, 目录下固定的有 _tasks 目录、package.json 和 .tmtworkflowrc,这几个是工作流必需的。

  • _tasks: 存放 Gulp 代码的目录
  • package.json: 模块依赖文件,用于 npm install 时用
  • .tmtworkflowrc: 工作流全局配置文件,如果想有项目想特殊化,可在项目里面再建一个同名文件覆盖,更详细查看 ⒊ 配置文件

接着就是各个项目(project)了,一个标准的项目结构如下:

── project                              //项目目录
    ├── gulpfile.js                     //任务配置,每个项目必需
    └── src                             //源文件目录,此目录会被监听变化并重新编译->dev
        ├── css                         //样式表目录,使用 Less,只有 style-*.less 的文件名会被编译
        ├── html
        ├── img
        └── slice                       //图片素材,雪碧图合并,同名的 @2x 图片会被识别并进行合并
            ├── icon-dribbble.png
            ├── icon-dribbble@2x.png

注意:标准的项目结构只有如上所示,build_dev 和 build_dist

  • _tasks: Gulp 코드가 저장되는 디렉터리
  • package.json: npm install
  • 에 사용되는 모듈 종속성 파일입니다. : 글로벌 워크플로우 구성 파일입니다. 프로젝트를 전문화하려면 해당 프로젝트에 동일한 이름의 다른 파일을 생성하여 자세히 볼 수 있습니다. ⒊ 구성 파일

다음은 각 프로젝트입니다. 표준 프로젝트 구조는 다음과 같습니다:
rrreee

참고: 표준 프로젝트 구조는 위에 표시된 build_devbuild_dist<입니다. /code>는 프로그램이 자동으로 생성됩니다.
🎜🎜🎜