grunt-inline-data v0.0.6

grunt-inline-data

inline data in file

Issues with the output should be reported on the grunt-inline-data issue tracker.

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-inline-data --save-dev

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

grunt.loadNpmTasks('grunt-inline-data');

This plugin was designed to work with Grunt 0.4.x. If you're still using grunt v0.3.x it's strongly recommended that you upgrade, but in case you can't please use v0.3.2.

inline-data

Options

Usage Examples

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

inlinedata: {
    injs: {
        expand: true,
        cwd: 'test/fixtures/',
        src: ['*.js'],
        dest: 'tmp/',
        ext: '.inline.js'
    }
}

such as ：app.js

// base.min.css will be inline to here
var style = '__inline(../dist/base.min.css)';

// inner.min.tpl will be inline to here
var tpl = '__inline(../dist/inner.min.tpl)';
 
// json data will be inline to here
var jsonData = __inline(inlinesrc/data.json);

after grunt buid : app.inline.js

 
// base.min.css will be inline to here
var style = 'body{color:#fff;margin:0;padding:0}.box{color:#eee;display:block}';

// inner.min.tpl will be inline to here
var tpl = '<div class="">test tpl</div>';
 
// json data will be inline to here
var jsonData = {
    "data": [{
        "title": "test",
        "url": "news",
        "icon": "https://google.com"
    }]
};
// 

base.min.css

body{color:#fff;margin:0;padding:0}.box{color:#eee;display:block}	

Release History

• 2014-09-27   v0.0.5