import { Config } from '@stencil/core';
import { sass } from '@stencil/sass';
import { reactOutputTarget } from '@stencil/react-output-target';

export const config: Config = {
  namespace: 'button',
  plugins: [
    sass() 
  ],
  outputTargets: [
    {
      type: 'dist',
      esmLoaderPath: '../loader',
    },
    {
      type: 'docs-readme',
    },
    {
      type: 'www',
      serviceWorker: null,
    },
    reactOutputTarget({
      outDir: 'react/',
      esModules: true
    }),
    {
      type: 'dist-custom-elements',
      externalRuntime: false,
    }
  ],
  watchIgnoredRegex: [/node_modules/]
};