@coveo/create-atomic-component/template/src/components/sample-component/stencil.config.ts

Initialize a Coveo Atomic Component

import {coveoCdnResolve} from '@coveo/create-atomic-rollup-plugin';
import type {Config} from '@stencil/core';
import html from 'rollup-plugin-html';

export const config: Config = {
  namespace: 'my-custom-components',
  outputTargets: [
    {
      type: 'dist',
      esmLoaderPath: '../loader',
    },
    {
      type: 'dist-custom-elements',
    },
    {
      type: 'docs-readme',
      dir: './',
    },
    {
      type: 'docs-json',
      file: 'docs/stencil-docs.json',
    },
  ],
  rollupPlugins: {
    before: [
      html({
        include: './**/*.html',
      }),
      // Replace by `coveoNpmResolve()` to bundle Atomic & Headless directly, instead of using the CDN.
      coveoCdnResolve(),
    ],
  },
};