{"library":"rollup-plugin-inline-postcss","title":"rollup-plugin-inline-postcss","description":"A Rollup plugin that processes inline CSS (template literals or `<style>` tags) with PostCSS. Current stable version is 3.0.1. The plugin supports custom regex and delimiters, environment-based PostCSS config, and multiple style declarations per file. Unlike other PostCSS Rollup plugins (e.g., rollup-plugin-postcss), this one focuses solely on inline styles rather than imported CSS files, making it ideal for Web Components or CSS-in-JS workflows. Version 3 introduced breaking changes including renaming `styleDelineator` to `styleDelimiter` and support for multiple style blocks. Maintained by the author, releases are sporadic.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-inline-postcss"],"cli":null},"imports":["import inlinePostCSS from 'rollup-plugin-inline-postcss'","import type { RollupPluginInlinePostCSSOptions } from 'rollup-plugin-inline-postcss'","import inlinePostCSS from 'rollup-plugin-inline-postcss'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import resolve from '@rollup/plugin-node-resolve';\nimport inlinePostCSS from 'rollup-plugin-inline-postcss';\n\nexport default {\n  input: 'src/main.js',\n  output: { dir: 'dist', format: 'es' },\n  plugins: [\n    resolve(),\n    inlinePostCSS({\n      styleRegex: /(?:<style>)((.|\\n)+?)(?=(<\\/style>))/gi,\n      styleDelimiter: /<\\/?style>/g,\n      env: process.env.NODE_ENV ?? 'development',\n      configPath: './postcss.config.js',\n    }),\n  ],\n};","lang":"javascript","description":"Shows basic setup with custom regex for <style> tags, environment variable, and PostCSS config path.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}