gulp-source map

Source Map是什么

对于Source Map的介绍,阮一峰的这篇blog讲得很清晰,so,这里直接引用:
JavaScript Source Map 详解

使用工具创建sourcemap文件

  • uglifyjs
    参考:http://ju.outofmemory.cn/entry/34885

  • closure compiler

java -jar compiler.jar    
        --js script.js    
        --create_source_map ./script-min.js.map    
        --source_map_format=V3 
       --js_output_file script-min.js

各个参数的意义如下

 --js: 转换前的代码文件  
 --create_source_map: 生成的source map文件  
 --source_map_format:source map的版本,目前一律采用V3。  
 --js_output_file: 转换后的代码文件

参考:
https://developers.google.com/closure/compiler/docs/gettingstarted_app

gulp 中使用Source Map

参考:https://www.npmjs.com/package/gulp-sourcemaps

practice项目

https://github.com/unnKoel/sourcemap-learn

你可能感兴趣的:(gulp-source map)