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: {},
juiceLink: async href => href
})
]
}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" data-href="/src/email.less" data-juice-link>Read the docs to learn more about the plugin options.