🚀 Astro + 🧁 vanilla-extract

This integration adds vanilla-extract support to Astro

[!WARNING] This package has been deprecated in favor of the official @vanilla-extract/vite-plugin.

📦 Installation

Quick Install

the astro add command-line tool automates the installation for you. Run one of the following commands in a new terminal window. (If you aren’t sure which package manager you’re using, run the first command.) Then, follow the prompts, and type “y” in the terminal (meaning “yes”) for each one.

# Using PNPM
pnpm astro add astro-vanilla-extract
# Using NPM
npx astro add astro-vanilla-extract
# Using Yarn
yarn astro add astro-vanilla-extract

Manual Install

First, install the astro-vanilla-extract package using your package manager. (If you aren’t sure which package manager you’re using, run the first command.)

Using PNPM

pnpm install astro-vanilla-extract

Using NPM

npm install astro-vanilla-extract

Using Yarn

yarn add astro-vanilla-extract

Then, apply this integration to your astro.config.mjs file using the integrations property:

import vanillaExtract from 'astro-vanilla-extract';

export default {
  // ...
  integrations: [vanillaExtract()]
};

🥑 Usage

When you install this integration, things will be auto-wired for you.

To learn more about using Vanilla Extract library, head to the vanilla-extract official documentation.

Changelog

Please see the Changelog for more information on what has changed recently.

Acknowledgements

vanilla-extract