每天五分钟之IT技能包

gulp插件(8) - gulp-sourcemaps(生成so

2017-10-25  本文已影响6人  学好该死的程序

功能描述

生成sourcemap文件(什么是sourcemap?请参考,简单讲就是文件压缩后不利于查看与调试,但是有了sourcemap,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码)


插件安装

$ cnpm install gulp-sourcemaps --save-dev

使用方法

例1:生成JS文件的sourcemap

var gulp        = require('gulp'),
    uglify      = require('gulp-uglify'),
    concat      = require('gulp-concat'),
    sourcemaps  = require('gulp-sourcemaps')
    pump        = require('pump');
    
gulp.task('jsmin', function(cb) {
    pump([
        gulp.src('src/js/*.js'),
        sourcemaps.init(),
        concat('demo.js'),
        uglify(),
        sourcemaps.write('.'),
        gulp.dest('dist/js')
    ], cb)
});

例2:生成CSS文件的sourcemap

var gulp        = require('gulp'),
    minifyCss   = require('gulp-clean-css'),
    concat      = require('gulp-concat'),
    sourcemaps  = require('gulp-sourcemaps')
    pump        = require('pump');
    
gulp.task('jsmin', function(cb) {
    pump([
        gulp.src('src/css/*.css'),
        sourcemaps.init(),
        concat('demo.css'),
        minifyCss(),
        sourcemaps.write('.'),
        gulp.dest('dist/js')
    ], cb)
});
上一篇下一篇

猜你喜欢

热点阅读