Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Grunt tasks to replace images in css files to data uri
JavaScript CSS
tree: af0ad3377e

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
tasks
test
.gitignore
Gruntfile.js
LICENSE-MIT
README.md
package.json

README.md

grunt-css-2-data-uri

Replace image urls to data uri

Getting Started

This plugin requires Grunt ~0.4.1

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-css-2-data-uri --save-dev

One the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-css-2-data-uri');

The "css_img_2_data_uri" task

Overview

In your project's Gruntfile, add a section named css_img_2_data_uri to the data object passed into grunt.initConfig().

grunt.initConfig({
    css_img_2_data_uri: {
        options: {
            files: [
                {
                    src: 'path/to/source.css',
                    dest: 'path/to/output.css'
                },
                {
                    src: 'path/to/another/source.css',
                    dest: 'path/to/another/output.css'
                }
            ]
        }
    }
})

Options

options.files

Type: Array

List of css files which needs to be processed.

Contributing

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.

Release History

v0.1.1

  • Detect and warn if duplicated image path found.

v0.1.0

  • Inital release, it can replace file paths to data uri in css files.
Something went wrong with that request. Please try again.