grunt-inline-styles
v1.0.0
Published
Inject external styles to your HTMLs.
Downloads
1,168
Readme
grunt-inline-styles
Inject external styles to your HTMLs.
Getting Started
This plugin requires Grunt.
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-styles --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-inline-styles');
The "inline_style" task
Overview
In your project's Gruntfile, add a section named inline_style
to the data object passed into grunt.initConfig()
.
grunt.initConfig({
inline_style: {
options: {
// Task-specific options go here.
},
your_target: {
// Target-specific file lists and/or options go here.
},
},
})
Options
options.verbose
Type: Boolean
Default value: false
Set true to see more logs about what is happenning.
Usage Examples
test.css
file:
/* This is from test.css file */
h1 {
color:red;
}
test.html
file:
<link href="test.css">
<h1>This should be red</h1>
Result is:
<style>/* This is from test.css file */
h1 {
color:red;
}
</style>
<h1>This should be red</h1>
Release History
- 1.0.0 - Initial release
License
Copyright (c) 2014 sahibinden.com. Licensed under the MIT license.