美文网首页每天五分钟之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

    功能描述 生成sourcemap文件(什么是sourcemap?请参考,简单讲就是文件压缩后不利于查看与调试,但是...

  • gulp-sourcemaps

    使用 cnpm 安装,npm安装不了

  • Gulp

    gulpa. 生成 package.jsonnpm init -yb. 项目安装 gulp 及 gulp插件cnp...

  • npm install gulp-sourcemaps问题

    日常问题 今天执行npm install gulp-sourcemaps 死活不成功,一直说no such fil...

  • mysql udf插件开发

    编写mysql插件 查看mysql插件so目录 进入mysql后执行如下指令 显示 编译 将生成so拷到指定目录 ...

  • 编写gulp插件

    本章讲解如何编写gulp插件,这里通过实现一个简单的插件功能来一步步讲解如何编写gulp插件。 gulp插件结构 ...

  • gulp压缩合并文件

    gulp压缩合并文件流程 //引入gulp和gulp插件var gulp = require('gulp');va...

  • gulp的简单使用

    gulp使用流程:安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gu...

  • gulp之插件、监控、api使用

    一、gulp插件的使用 |--插件的实质:gulp插件的实质是Node转换流,它封装了-通过管道(pipeli...

  • gulp入门

    安装gulp 安装gulp插件 gulp使用与执行 在目录创建gulpfile.js文件 执行:gulp defa...

网友评论

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

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