Add CDN host to the path of all your static assets
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-cdner --save-dev
In your project's Gruntfile, add a section named
cdner to the data object passed into
A string value that is added as a host to all your static assets.
The extension of html assets. This is useful if you use a templating language
for your html where you want to cachebust assets, i.e.
Array of strings that if found in the path are not modified. This is useful if you have some assets that are not hosted on a CDN.
String that represents the root of the server, i.e. if your files are served out
dist directory, you need to set the root to
dist. This is to resolve
relative paths correctly.
In this example, we defined the
cdn option that will be added to all the
static paths. URLs that contain
//3rd-party.cdn.example.com are not
modified. So if the
testing.htm files have content such as
the generated result would be
N.B: if root hadn't been set to
dest, the resulting path would be
//3rd-party.cdn.example.com/dest/testing.png for a path of
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.
- 2019-07-31 v0.3.0 add support for svg and inline background images. (Contributed by @evanderson)
- 2016-02-28 v0.2.0 add support for Grunt 1.0.0 by updating peer dependencies
- 2014-05-27 v0.1.0 initial release