Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Source maps: languages, tools and other info

paulirish edited this page · 20 revisions
Clone this wiki locally

Source maps are awesome so I put a wiki together to collect info about all the tools, sites, languages and articles that are talking about or using them. You can also discuss the spec itself on the mailing list.

Languages that compile to javascript and support source map generation

  • JSX - a faster, safer, easier alternative to JavaScript
  • GWT - Google Web Toolkit
  • Traceur - Traceur is a JavaScript.Next ➡ JavaScript compiler that allows you to use features from the future today.
  • TypeScript - TypeScript is a language for application-scale JavaScript development. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source.
  • CoffeeScript - CoffeeScript supports source maps as of version 1.6.
  • CoffeeScript Redux - The redux compiler does create sourcemaps, is not production ready, but is progressing quickly.
  • Haxe / HaxeJS - The well known multiplateform open-source programming language. Compiling with the -debug flag will create a .map alongside the .js file
  • Scala.js - a Scala to JavaScript compiler

Tool that generate source maps

  • Closure Compiler - The Closure Compiler is a tool for making JavaScript download and run faster.
  • Importer - Adds an #import statement to JavaScript-based languages. Generates a combined source map from all input files.
  • Ender - the no-library library: open module JavaScript framework
  • Faye - Faye is a publish-subscribe messaging system based on the Bayeux protocol.
  • Packr - Ruby version of Dean Edwards' Packer
  • Ruby Source map gem - Ruby library for interacting with the awesome javascript SourceMaps.
  • Mozilla source-map - Mozilla node lib to read and generate source maps
  • UglifyJS2 - JavaScript parser / mangler / compressor / beautifier toolkit
  • JSMin - A fork of JSMin to add sourcemap support (and it's companion grunt plugin)
  • esmangle - js minifier / mangler
  • AjaxMin - JS/CSS minifier for .NET
  • browserify - Use a node-style require() to organize your browser code and load modules installed by npm.
  • multi-stage-sourcemap - helper module for multi-level source maps

Tools that consume source maps

Libraries with source maps

  • jQuery 1.9 if loaded through their CDN has a source map.

Sites with source maps enabled

Articles about source maps

Source maps for CSS

CSS sourcemap support (source):

  • Sass: As described above, this is supported in Sass 3.3.
  • Compass: The --sourcemap flag was implemented in Compass 1.0. Alternatively you can add sourcemap: true to your config.rb file. Demo repo here. Development notes are in issue 1108.
  • Less: Implemented in 1.5.0. See issue #1050 for details and usage patterns.
  • Autoprefixer: Implemented in 1.0. Autoprefixer docs explain how to use it, along with absorbing an input sourcemap (from another preprocessor).
  • Libsass: Implemented.
  • Stylus: Implemented. See the latest in issue #1655.
Something went wrong with that request. Please try again.