inline data in file
Issues with the output should be reported on the grunt-inline-data issue tracker.
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.
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}
- 2014-09-27 v0.0.5