type
status
date
slug
summary
tags
category
icon
password
URL
Sep 1, 2022 09:23 AM
gulp是前端开法的自动化构建工具
gulp是基于nodejs的自动任务运行器，能自动化的完成javascript/coffee/sass/less/html/image/css等文件的测试、检查合并、压缩、格试化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤
-g
配置全局环境变量，可以使磁盘任意位置使用当前exe程序
nmp install xxx -g
配置全局环境变量：
1.找到该exe所在目录，复制该目录
2.右键此电脑→属性→高级系统设置→高级→环境变量→系统变量→Path→新建复制
安装cnpm
cnpm就和npm差不多，只不过服务器商城在中国
安装cnpm
npm install cnpm - - registry=https://registry.npm.taobao.org -g
gulp的使用步骤
1.安装全局gulp模块
cnpm install gulp -g
2.cnpm init 创建配置文件
3.在项目中下载gulp模块
cnpm install gulp - -save-dev
4.在项目根目录下创建一个gulpflie.js文件
gulp的操作
const gulp =require('gulp');
gulp.task(任务名称，回调函数)；
gulp.src(源文件)；
gulp.desc(目的文件夹)；
gulp.watch(被监听的文件，回调函数)
gulp的插件
合并文件
cnpm install gulp-concat - -save-dev
压缩js(把多余的空格删了)
cnpm install gulp-uglify - - save-dev
合并，压缩，重命名
cnpm install gulp-rename - - save-dev
压缩css
cnpm install gulp-minify-css - - save-dev
压缩图片
cnpm install gulp-imagemin@7.1.0 - - save-dev
ES6→ES5