grunt-base64image

Base64 images in your css file.

Getting Started

This plugin requires Grunt ~0.4.4

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-base64image --save-dev

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

grunt.loadNpmTasks('grunt-base64image');

Base64 Image Task

base64image任务使用css-base64-images项目编码图片。

Compile Options

styles : String

指定CSS源目录

images : String

指定Image源目录

dest : String

指定输出目录

Usage Examples

module.exports = function(grunt) {
    grunt.loadNpmTasks('grunt-base64image');

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        base64image: {
            css: {
                styles: 'app/styles/',
                images:'app/images/',
                dest: 'dest/styles/base64/'
            }
        }
    });
};