Skip to main content
Version: v5 (Preview)

Plugins

Stencil plugins​

By default, Stencil does not come with Sass or PostCSS support. However, either can be added using the plugins array.

import { Config } from '@stencil/core';
import { sass } from '@stencil/sass';

export const config: Config = {
  plugins: [
    sass()
  ]
};

Rolldown plugins​

The rolldownPlugins config can be used to add your own Rolldown plugins (renamed from rollupPlugins in Stencil v5, which replaced Rollup with Rolldown as its bundler — run stencil migrate --dry-run to preview renaming an existing config automatically). They run after Stencil's own plugins, the before list first and then the after list:

import nodePolyfills from '@rolldown/plugin-node-polyfills';

export const config = {
  rolldownPlugins: {
    after: [
      nodePolyfills()
    ]
  }
}

Rolldown resolves modules and bundles CommonJS itself, so don't add @rollup/plugin-node-resolve or @rollup/plugin-commonjs. See Module Bundling for more.

Node Polyfills​

See the Node Polyfills in Module bundling for other examples.

Contents

Edit this page