gulp

工具

gulp

下载node安装包

安装node

node -v

npm -v

npm 需要翻墙

cnpm

npm install cnpm -g --registry=https://npm.taobao.org

cnpm -v

gulp的安装

1、全局安装

cnpm install gulp -g

gulp -v

2、本地安装

cnpm install gulp

node的项目构建

cnpm init 初始化一个node项目 --- package.json

首先本地安装gulp  node_modules

创建整个项目的结构

|--项目名称

|-- dist  # 打包项目存放的目录

|-- src  # 源代码存放飞目录

|--css

|--js

|--img

|--less or sass

|--html

index.html

|-- node_modules # 存放node的模块（gulp,gulp-less……）

|-- gulpfile.js  # 入口程序，任务定义文件

|-- package.json # cnpm init，node清单文件

写任务：

是在gulpfile.js文件中写

require来引用 node的模块 var gulp = require("gulp");

之后安装本地安装插件

cnpm install xxx --save-dev

当安装成功之后，引入对应的插件var gulp-less = require("gulp-less");

定任务：

gulp.task("任务名称",function() {

var a = gulp.src("src/less/*.less")

.pipe(gulp-less())

.pipe(gulp.dest("dist/css"));

})

别人已经完成了node项目工作，之后给我们

node_modules  特别大

package.json

cnpm install #package.json记录的所有需要的模块会自动下载下来