# gulpproject

**Repository Path**: luasie/gulpproject

## Basic Information

- **Project Name**: gulpproject
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-09-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 开发环境

## 根目录(src)

CSS-(sass编译器)
gulp插件-"gulp-sass";

命令行 安装命令
`npm install node-sass gulp-sass --save-dev`
注意：很多时候，报错都是因为安装node-sass失败导致的，可以考虑使用cnpm安装

HTML-(热更新)
插件-browser-sync

安装命令
npm install browser-sync --save-dev

JS

ASSETS(image,font)


# 生产环境
根目录(dist)

HTML
复制html

CSS
(1)编译scss,输出到dist文件夹
(2)复制src/css文件夹,压缩css,输出到dist/css

JS
压缩JS代码
可选任务，使用babel，将es6代码转为es5代码

ASSETS
压缩图片
使用gulp-tinypng
注意：tinypng需要使用apikey，因此需要登录www.tinypng.com 
登录账户，获取key值。每月免费压缩500张

## 定义gulp任务，一件开启生产任务
gulp build - [复制html,压缩css,压缩js,压缩图片]

parallel-同时进行多个任务