# gulp-project-template

**Repository Path**: smallsea2016/gulp-project-template

## Basic Information

- **Project Name**: gulp-project-template
- **Description**: 基于nodejs+gulp构建工程项目模板
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-10-12
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于gulp自动化工程项目

## Build Setup

<p>1、<b>安装gulp。</b>全局安装gulp，执行<code>npm install --global gulp</code>，项目目录下安装gulp，执行 <code>npm install --save-dev gulp</code></p> 
<p>2、<b>安装依赖。</b>项目目录下执行<code>npm install</code>安装gulpfile.js依赖。</p>
<p>3、<b>启动项目。</b>项目目录下执行<code>gulp dev</code>。
<p>4、<b>打包项目。</b>执行<code>gulp build</code>打包压缩项目，打包后的代码为dist/app下的文件。</p>   
<p><a href="https://www.gulpjs.com.cn/">gulp中文</a></p>


# 工程结构
``` bash
|--- dist                         项目打包输出目录
|    |--- app                     用于发布的代码
|    |--- rev                     静态文件生成hash值
|--- config                       项目配置文件
|    |--- proxyConfig.js          项目配置代理文件
|    |--  projectDir.js           项目目录配置  
|--- src                          项目源代码
|    |--- css                     样式文件
|    |--- images                  图片资源
|    |--- js                      逻辑文件
|    |--- .html                   页面
|--- .babelrc                     babel-loader 配置
|--- .gitignore                   git 忽略项
|--- .gulpfile.js                 gulp配置的任务文件
|--- package.json                 工程依赖描述文件
```