前端工業化工具Gulp初體驗

1. 全局安裝 gulp：

npm install --global gulp

2.在項目目錄下，用如下命令建立一個基本的package.json文件

npm init

3.安裝Gulp

npm install --save-dev gulp

4.安裝所需插件如：

npm install gulp-contrib-uglify --save-dev

 

5.在項目根目錄下建立一個名爲 gulpfile.js 的文件：

var gulp = require('gulp');
//引入插件
var uglify = require('gulp-uglify');

//默認任務：把src/test.js壓縮存入build文件夾
gulp.task('default', function() {
    gulp.src('src/test.js')
        .pipe(uglify())
        .pipe(gulp.dest('build'));
});

 

6.運行gulp

gulp

 

壓縮前：

壓縮後

 

好文推薦：

http://javascript.ruanyifeng.com/tool/gulp.html

 

http://segmentfault.com/a/1190000002932998