首页 > 代码库 > gulp
gulp
安装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
gulp