grunt-relativize
v0.3.1
Published
Relativize absolute paths in HTML and CSS
Downloads
4
Readme
grunt-relative-root
Relativize absolute paths in HTML and CSS.
You built some static website. Maybe you're gonna host it on gh-pages. Maybe you're squating a stellar domain name, but you'd rather review the site on <yourname>.github.io/<yourproject>
before you repoint DNS. How do you make your pages work from both /<yourproject/
and /
?
Add something like this to your Gruntfile:
grunt.loadNpmTasks('grunt-relative-root');
grunt.initConfig({
relativize: {
yourTarget: {
options: {
root: 'public'
},
files: [{
expand: true,
cwd: '<%= relativize.yourTarget.options.root %>',
src: ['*.css', '*.html'],
dest: 'out/'
forceRelative: '../..'
}]
}
}
})
Getting Started
Grunt at least a ~0.4.1
You should be comfy with the grunt basics and npm so you can install this in your project
npm install grunt-relative-root --save-dev
Options
root
Type: String
Default value: '.'
Local directory used as the base for relative paths. If root: 'public'
then the URL '/images/logo.png'
in the file 'public/events/solstice.html'
will be rewritten as '../image/logo.png'
.