Juice

Adds support for inlining your css files to html.
It's handy for creating email templates. Learn more about that here.

See library docs for more info about Juice.

Only PostCSS and CSS is supported, see juiceLink option to see how to add support for less or sass.

Install

npm

bash

npm i @vituum/vite-plugin-juice --save-dev

npm i @vituum/vite-plugin-juice --save-dev

yarn

bash

yarn add @vituum/vite-plugin-juice -D

yarn add @vituum/vite-plugin-juice -D

javascript

import juice from '@vituum/vite-plugin-juice'

export default {
    plugins: [juice()]
}

import juice from '@vituum/vite-plugin-juice'

export default {
    plugins: [juice()]
}

Paths in which html files should be processed with Juice

Whenever to add default attributes border="0" cellpadding="0" cellspacing="0" to every table.

Type: string
Default: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Default doctype to use, replaces <!DOCTYPE html> from your .html with your doctype to use in emails.

Only PostCSS and CSS is supported. You can transform sass or less via this function, to process them manually.

Additional options for Juice. Learn more about Juice options here.