On This Page
Plugins
Greenwood provides some first-party plugins allowing you to extend Greenwood through resource transformations, custom renderers, and more. The full list is below, with some of our featured plugins on the left side-nav. You can also create your own.
When installing plugins with npm, make sure to add the
--legacy-peer-depsflag, or add an .npmrc file in the root of your project withlegacy-peer-deps=trueset.
Featured
- Lit SSR - For Lit users, a custom renderer plugin to support Lit+SSR
- TypeScript - A plugin for transforming files written in TypeScript
- PostCSS - Leverage PostCSS plugins, like Tailwind
- CSS Modules - Support for CSS Modules ™️ syntax
- Raw Loader - Import arbitrary text files as ESM
All Plugins
Below is the official list of supported first-party plugins available by the Greenwood team with links to the plugin specific README for full installation and usage documentation.
| Name | Description | | --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | | Babel | Use Babel plugins, presets, and configuration in your project. | | HTML Include | Inspired by the original HTML Imports spec. | | Import Raw | Enables usage of ESM syntax for loading arbitrary file contents as a string. | | JSX | Enables usage of ESM syntax for loading WCC compatible JSX. | | Lit SSR | A server-side rendering plugin for Lit based Greenwood projects. | | Netlify | Deploy serverless and edge functions to Netlify. | | Polyfills | Web Component related polyfills for older browsers. | | PostCSS | Allows usage of PostCSS plugins and configuration in your project. | | Puppeteer | A rendering plugin to support prerendering a Greenwood project using Puppeteer. | | TypeScript | Allows usage of TypeScript syntax. | | Vercel | Deploy serverless and edge functions with Vercel. |