Skip to content

⚡🧃 Vite plugin for Juice, inlines css into HTML

License

Notifications You must be signed in to change notification settings

vituum/vite-plugin-juice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

npm package node compatility

⚡️🧃 ViteJuice

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.

<link rel="stylesheet" data-href="/src/email.less" data-juice-link>

Read the docs to learn more about the plugin options.

Requirements

About

⚡🧃 Vite plugin for Juice, inlines css into HTML

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published