Plugins

Stencil plugins

デフォルトでは、Stencilには SassまたはPostCssのサポートは付属していません。ただし、どちらも plugins配列を使用して追加できます。

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

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

Rollup plugins

rollupPlugins構成を使用して、独自のRollupプラグインを追加できます。内部的には、ステンシルには node-resolveやcommonjsなどの組み込みプラグインが付属しています。ロールアッププラグインの実行順序が重要であるため、ステンシルはノード解決の前とcommonjs変換*の後にカスタムプラグインを挿入するAPIを提供します。

export const config = {
  rollupPlugins: {
    before: [
      // rollupNodeResolve()の前に挿入されたプラグイン
      resolvePlugin()
    ],
    after: [
      // commonjs()の後に挿入されたプラグイン
      nodePolyfills()
    ]
  }
}