Inlines CSS code to HTML via Juice. It's handy for creating email templates.
import juice from '@vituum/vite-plugin-juice'
export default {
plugins: [
juice({
paths: [],
tables: true,
postcss: {},
doctype: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">',
options: {}
})
]
}
Only PostCSS and CSS is supported, you can transform sass or less via juiceLink()
function. And process it manually.
- Sass - https://sass-lang.com/documentation/js-api/
- Less - https://lesscss.org/usage/#programmatic-usage
<link rel="stylesheet" href="/src/email.less">
Read the docs to learn more about the plugin options.