Gulp plugin to send HTML to Mail Chimp's Inline CSS API
npm install gulp-mc-inline-cssFirst, install gulp-mc-inline-css as a development dependency:
``shell`
npm install --save-dev gulp-mc-inline-css
Then, add it to your gulpfile.js:
`javascript
var inline = require('gulp-mc-inline-css');
gulp.task('inliner', function() {
gulp.src('client/html/*.html')
.pipe(inline(APIKEY))
.pipe(gulp.dest('dist/email');
});
`
#### APIKEY
Type: String
A required string containing your MailChimp API Key. A best practice is to create a config.json file with an APIKEY and call inliner like so:
`json`
{
"APIKEY": "zowizjzowjoij#example#madeup#key"
}
`javascript`
var config = require('./config.json');
gulp.src('client/css/*.css')
.pipe(inline(config.APIKEY))
.pipe(gulp.dest('dist/email'));
Converts the below HTML to the following
`HTML`
Hello World
to
`HTML
[travis-url]: http://travis-ci.org/jayzawrotny/gulp-mc-inline-css
[travis-image]: https://secure.travis-ci.org/jayzawrotny/gulp-mc-inline-css.png?branch=master
[npm-url]: https://npmjs.org/package/gulp-mc-inline-css
[npm-image]: https://badge.fury.io/js/gulp-mc-inline-css.png