🚀 Astro + 🧁 vanilla-extract

This integration adds vanilla-extract support to Astro

📦 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 NPM
npx astro add astro-vanilla-extract
# Using Yarn
yarn astro add astro-vanilla-extract
# Using PNPM
pnpm 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 NPM
npm install astro-vanilla-extract
# Using Yarn
yarn add astro-vanilla-extract
# Using PNPM
pnpm install 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.

Example

We have also setup an example repository available here: example-vanilla-extract

Changelog

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

Acknowledgements

vanilla-extract

npm