Question 1

How do I set up gulp-inline-css for email newsletters?

Accepted Answer

Install via npm, integrate into your Gulp pipeline with options like applyLinkTags true, and process HTML files to inline CSS for compatibility. Use preserveMediaQueries for responsive designs and set url for external stylesheet resolution.

Question 2

What's the difference between gulp-inline-css and the inline-css module?

Accepted Answer

gulp-inline-css is a Gulp plugin that wraps the inline-css module, adding seamless Gulp integration for build automation. The inline-css module can be used directly in Node.js for more flexible, non-Gulp scenarios.

Question 3

Does gulp-inline-css work with Handlebars templates?

Accepted Answer

Yes, it supports Handlebars through the codeBlocks option, which ignores specified delimiters to prevent parsing conflicts. Default settings include HBS blocks, but you can customize for other template languages.

Question 4

How can I preserve media queries when inlining CSS with gulp-inline-css?

Accepted Answer

Enable the preserveMediaQueries option in the configuration; this keeps media queries within style tags after inlining, crucial for maintaining responsive email designs without removing them.

Question 5

Is gulp-inline-css better than using a standalone CSS inliner?

Accepted Answer

It depends on your workflow: if you use Gulp, it's integrated and efficient for automation, but for other build tools or runtime needs, a standalone tool like inline-css might offer more flexibility without Gulp dependency.

Question 6

What options should I use for basic CSS inlining with gulp-inline-css?

Accepted Answer

For basic use, stick with defaults like applyStyleTags and applyLinkTags true, and set removeStyleTags and removeLinkTags true to clean up HTML. Adjust url if external stylesheets need proper resolution, and add extraCss for additional styles.

gulp-inline-css

What is gulp-inline-css?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions