# build-tool

**Repository Path**: jessetu/build-tool

## Basic Information

- **Project Name**: build-tool
- **Description**: 一个老项目的构建工
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-11-28
- **Last Updated**: 2024-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# build-tool

> 一个基于 [Gulp(v4.0)](https://github.com/gulpjs/gulp/tree/4.0)的前端工作流程。
> 公司有很多多页面项目，管理比较混乱，故写了这个工具用于发布。
> 不基于这个工具去做开发（原始项目直接就能运行）通过此工具运行过后只是做一些前端的优化工作

## 功能特性

- 自动化流程
  - [CSS Autoprefixer 前缀自动补全]
  - [CSS压缩]
  - [JS压缩]
  - [去缓存文件 Reversion (MD5) 解决方案]

## 快速开始

以下 2 种方式任选，请确保已安装 [Node.js](https://nodejs.org/) (如：node 8+) 环境
	
* 直接下载安装：
	1. 直接下载源码
	2. 替换src中的源文件（如果目录结构变动配置文件要做相应的改动）
	3. 进入根目录执行： `npm install`

> 注1：[Gulp 4](https://github.com/gulpjs/gulp/tree/4.0) 目前 [尚未正式发布](https://github.com/gulpjs/gulp/blob/4.0/CHANGELOG.md)，Windows 用户请先安装 [git](http://git-scm.com/)，  
> 然后在 [Git Bash](http://git-for-windows.github.io/) 下执行 `npm install` 即可（非 `CMD`）。 
>  
> 注2：如遇 `npm install` 网络问题，推荐尝试 [cnpm](http://npm.taobao.org/) 安装环境依赖

## 目录结构

#### 工作流目录结构

````bash
tmt-workflow/
│
├── build          		// Gulp 任务目录
│   ├── config.js       // path 配置文件
│   └── pord.js         // npm start build
│
├── package.json
│
└── src         		  // 项目目录，详见下述项目结构 ↓↓↓
    ├── static
    └── views
````

#### 项目目录结构


````bash
src/                          // 项目目录
│
├── static                        // 存放静态资源
│   ├── css
│   │   └── lib/
│   │   │   ├── lib-reset.less
│   │   │   ├── lib-mixins.less
│   │   │   └── lib-rem.less
│   │   └── style-index.less        // CSS 编译出口文件
│   │ 
│   ├── html
│   ├── media                     // 存放媒体文件，如 bgm.mp3 abc.font 1.mp4 等
│   ├── img                       // 存放背景图等无需合并雪碧图处理的图片
│   └── slice                     // 切片图片素材，将会进行雪碧图合并，同名 @2x 图片也会合并
│       ├── icon-shake.png
│       └── icon-shake@2x.png
│
└── views                          // 各种html 文件
    ├── index.html                 // 各种html 文件
````

## License

所有代码采用 [MIT License](http://opensource.org/licenses/MIT) 开源，可根据自身团队和项目特点 `fork` 进行定制。