components/stencil.config.ts at main · thebiggive/components · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
import { angularOutputTarget } from '@stencil/angular-output-target';
import { Config } from '@stencil/core';
import { sass } from '@stencil/sass';

export const config: Config = {
  namespace: 'BigGive',
  plugins: [
    sass({
      injectGlobalPaths: [
        'src/globals/philco-variables.scss',
        'src/globals/variables.scss',
        'src/globals/mixins.scss',
        'src/globals/global.scss'
      ]
    })
  ],
  outputTargets: [
    angularOutputTarget({
      componentCorePackage: '@biggive/components/dist',
      directivesProxyFile: './angular/projects/components/src/lib/stencil-generated/components.ts',
      directivesArrayFile: './angular/projects/components/src/lib/stencil-generated/index.ts',
      outputType: 'standalone',
    }),
    {
      type: 'dist-hydrate-script',
    },
    {
      type: 'dist',
      esmLoaderPath: '../loader',
      copy: [
        { src: 'assets/fonts', warn: true },
        { src: 'assets/images', warn: true },
        { src: 'pages', warn: true  },
      ],
    },
    // While in real apps we only use non-standalone Angular module from `angularOutputTarget` and bootstrap-everything
    // loader from `dist`, we also need `dist-custom-elements` for Storybook previews to work.
    {
      type: 'dist-custom-elements', // Uses default `dist/components`.
      customElementsExportBehavior: 'single-export-module'
    },
    {
      type: 'docs-readme',
    },
    {
      type: 'www',
      serviceWorker: null, // disable service workers
        copy: [
        { src: 'assets/fonts', warn: true },
        { src: 'assets/images', warn: true },
        { src: 'pages', warn: true  },
        ],
    },
  ],
  devServer: {
    port: 3939,
  },
  extras: {
    experimentalSlotFixes: true
  },
};