gulp如何安装以及打包合并

这篇文章主要介绍了gulp如何安装以及打包合并，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

安装、打包合并

1.安装node.js  下载地址： http://nodejs.cn/

打开node.js 命令行，输入： node  -v ，有版本号，则正确安装。

2.安装淘宝镜像 ：命令行输入 ：

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

目的：使下在速度更快。

3.全局安装gulp

cnpm install --global gulp

4.创建目录，打开F盘，创建gulp文件夹。

命令行输入 ：

f:

cd gulp

5.安装本地gulp

cnpm install --save-dev gulp

6.创建package.json文件

cnpm init

一路enter确定就行

7.web编辑器打开此gulp目录，如hbuilder、webstorm。

在gulp目录下创建gulpfile.js文件，gulp运行的入口

8.确定何种打包压缩，html、js、css、img

9.js打包

var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
 
gulp.task('default',function(){ 
 gulp.class="lazy" data-src('js*.js'])
.pipe(concat('build.js'))//合成到一个js
.pipe(gulp.dest(buildBasePath+'js'))//输出到js目录
.pipe(uglify())//压缩js到一行
.pipe(concat('build.min.js'))//压缩后的js
.pipe(gulp.dest(buildBasePath+'js'));//输出到js目录

感谢你能够认真阅读完这篇文章，希望小编分享的“gulp如何安装以及打包合并”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!