gulp

Posted 2020-08-27 每天都要进步一点点

安装node.js，检查是否安装可用npm/npm -v

使用淘宝镜像
npm install cnpm -g --registry=https://registry.npm.taobao.org
检查cnpm -v

全局安装gulp
npm install gulp -g
检查gulp -v

来到本地路径，创建工程配置文件
npm init
本地路径下会有package.json文件，需要将安装组件或者插件的依赖写入这个文件
写入依赖的组件或者插件可通过npm install命令找回

本地安装gulp并将依赖写入package.json
npm install gulp --save-dev

在gulp管理的根路径下创建gulpfile.js文件
需要在gulpfile.js写任务执行gulp的功能

 

 

 

-------------------------------------------------------------
node.js使用淘宝镜像
>npm install cnpm -g --registry=https://registry.npm.taobao.org
查看是否安装好
查看版本
npm -v
cnpm -v

安装gulp
全局安装gulp
npm install gulp -g

来到本地路径，创建工程配置文件
npm init

本地安装gulp
npm install gulp --save-dev
让package.json依赖于gulp

安装package.json中依赖了的组件
npm install

安装服务的插件
npm install gulp-connect --save-dev

合并文件的插件
npm install gulp-concat --save-dev

压缩js文件的插件
npm install gulp-uglify --save-dev

给文件重命名的插件
npm install gulp-rename --save-dev

压缩css文件的插件
npm install gulp-minify-css --save-dev

npm install gulp-sass --save-dev

启动webserver插件
npm install gulp-webserver --save-dev

 

注：

1.所有文件位置 相对于 gulpfile.js

/ 根目录
./ 当前目录
../ 父级目录

附常用规则：
　　* 匹配0或多个除了 / 以外的字符
　　? 匹配单个除了 / 以外的字符
　　** 匹配多个字符包括 /
　　{} 可以让多个规则用 , 逗号分隔，起到或者的作用
　　! 出现在规则的开头，表示取反。即匹配不命中后面规则的文件

2.操作时 命令行 : gulp + name

3.查看所有安装的插件 npm list