我比較喜歡使用Gulp，因為簡單好用！

今天的任務是：使用Gulp來壓縮 jQuery源碼，各輸出一個壓縮的和未壓縮的版本

第一步：安裝

cnpm install  gulp --save-dev 
cnpm install gulp-rename gulp-uglify --save-dev

?

第二步：

mkdir Gulp-demo && cd Gulp-demo
cnpm init -y

?

我的目錄結構如下：

  webpack-demo|- package.json|- /build|- 無（壓縮后的文件將被放在這）|- /src|- jquery-3.3.1.js （原文件，待操作文件）

?

第三步：編輯

gulpfile.js文件，此文件配置Gulp的行為，就是我想讓Gulp去幫我干什么事情，每件事情以 task（任務）為基本單位

gulpfile.js

?

'use strict';var gulp = require('gulp');
var rename = require('gulp-rename');
var uglify = require('gulp-uglify');var DEST = 'build/';gulp.task('default', function() {return gulp.src('./src/jquery-3.3.1.js')// 這會輸出一個未壓縮過的版本.pipe(gulp.dest(DEST)) //傳入輸出路徑并輸出文件// 這會輸出一個壓縮過的并且重命名未 foo.min.js 的文件.pipe(uglify()) //執行壓縮.pipe(rename({ extname: '.min.js' })) //修改文件名為min.js，以示區分.pipe(gulp.dest(DEST)); //傳入輸出路徑并輸出文件
});

?

成功啦！

轉載于:https://www.cnblogs.com/ww01/p/9807247.html

總結

以上是生活随笔為你收集整理的Gulp的简单使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。