Change a sourcemap to match the name of a revved js file, and move the source locations to a revved folder so forever caching can be used.
This plugin requires Grunt
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-jssourcemaprev --save-dev
Revision a sourcemap and source files so they match an already revisioned and minified js file(s). You can revision the js assets with a plugin such as grunt-filerev. This is useful if you want to be able to debug on a live system where static files are cached such as with a CDN.
In your project's Gruntfile, add a section named
jssourcemaprev to the data object passed into
true we move the src files, else we copy them. Copy is the default (
In this example, the default options are used to do take a peek inside files matching
public/js/testing.*.js. It will:
sourceRootattribute of the source map to a directory matching the name of the js file (sans the extension).
sourceRootattribute to point to the new location.
In this example, the same happens as in the default example except the files in the
sourceRoot attribute of the source map are moved, not copied, to the location described in default options.
In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.