美文网首页每天五分钟之IT技能包
gulp插件(8) - gulp-sourcemaps(生成so

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

作者: 学好该死的程序 | 来源:发表于2017-10-25 12:54 被阅读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)
    });
    

    相关文章

      网友评论

        本文标题:gulp插件(8) - gulp-sourcemaps(生成so

        本文链接:https://www.haomeiwen.com/subject/qirqpxtx.html