gulp安装

,目前我使用gulp的目的:css压缩,js压缩合并

1.nodejs安装:

在终端输入node -v回车打印出nodejs的版本号,说明nodejs安装成功。

在终端输入npm -v 回车打印出npm的版本号,说明npm也安装成功。

2.安装gulp(全局):gulp -v输出相应的版本号,则说明安装成功。

npm install gulp -g

3.终端切换至目标目录,生成配置文件package.json,方法有三:

a.终端输入npm init,一路enter,最后生成;

b.复制之前项目的创建好的package.json;

c.自己手动创建

{

       "name": "gulp",

       "version": "1.0.0",

       "description": "",

       "main": "index.js",

       "scripts": {

                           "test": "echo \"Error: no test specified\" && exit 1"

                       },

        "author": "",

        "license": "ISC"

}

4.本地安装gulp:

npm install gulp --save-dev

--svae-dev 的作用就是将刚才安装的模块写入package.json中:


gulp安装_第1张图片

5.本地安装gulp插件:

npm install --save-dev gulp-uglify gulp-concat gulp-minify-css

6.创建gulpfile.js文件;

/*引入gulp*/

var gulp = require('gulp');

gulp.task('任务名',function(){

               要实现的代码功能(压缩,合并...)

});

7.gulp运行:终端输入 gulp

你可能感兴趣的:(gulp安装)