https://github.com/vituum/vite-plugin-juice

⚡🧃 Vite plugin for Juice, inlines css into HTML
https://github.com/vituum/vite-plugin-juice

Last synced: about 1 month ago
JSON representation

⚡🧃 Vite plugin for Juice, inlines css into HTML

• Host: GitHub
• URL: https://github.com/vituum/vite-plugin-juice
• Owner: vituum
• License: mit
• Created: 2022-08-21T12:22:12.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-17T11:49:55.000Z (6 months ago)
• Last Synced: 2024-03-26T12:45:00.539Z (about 2 months ago)
• Language: JavaScript
• Size: 29.3 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-vite - @vituum/vite-plugin-juice - Juice support, transforms `.css` to inline styles in `.html`. (Plugins / Framework-agnostic Plugins)
• awesome-vite - @vituum/vite-plugin-juice - Juice support, transforms `.css` to inline styles in `.html`. (Plugins / Framework-agnostic Plugins)
• awesome-vite - @vituum/vite-plugin-juice - Juice support, transforms `.css` to inline styles in `.html`. (Plugins / Framework-agnostic Plugins)
• awesome-viter - @vituum/vite-plugin-juice - Juice support, transforms `.css` to inline styles in `.html`. (Plugins / Framework-agnostic Plugins)
• awesome-vite - @vituum/vite-plugin-juice - Juice support, transforms `.css` to inline styles in `.html`. (Plugins / Framework-agnostic Plugins)
• awesome-vite - @vituum/vite-plugin-juice - Juice support, transforms `.css` to inline styles in `.html`. (Plugins / Framework-agnostic Plugins)
• awesome-vite - @vituum/vite-plugin-juice - Juice support, transforms `.css` to inline styles in `.html`. (Plugins / Framework-agnostic Plugins)

README

        




# ⚡️🧃 ViteJuice

Inlines CSS code to HTML via [Juice](https://github.com/Automattic/juice). It's handy for creating email templates.

```js

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

export default {

  plugins: [

    juice({ 

      paths: [],

      tables: true,

      postcss: {},

      doctype: '',

      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

```html

```

Read the [docs](https://vituum.dev/plugins/juice.html) to learn more about the plugin options.

### Requirements

- [Node.js LTS (16.x)](https://nodejs.org/en/download/)

- [Vite](https://vitejs.dev/)