ui/stencil.config.ts at main · wordproof/ui · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import { Config } from '@stencil/core';
import { postcss } from '@stencil/postcss';
import autoprefixer from 'autoprefixer';
import tailwindcss from 'tailwindcss';

const purgecss = require('@fullhuman/postcss-purgecss')({
  content: ['./src/**/*.tsx', './src/**/*.css', './src/index.html'],
  defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || [],
});

export const config: Config = {
  namespace: 'uikit',
  buildEs5: 'prod',
  outputTargets: [
    {
      type: 'dist',
      esmLoaderPath: '../loader',
      copy: [
        {
          src: '**/*.i18n.*.json',
          dest: 'i18n',
        },
        {
          src: 'global/fonts',
          dest: 'fonts',
        },
      ],
    },
    {
      type: 'dist-custom-elements-bundle',
      copy: [
        {
          src: '**/*.i18n.*.json',
          dest: 'i18n',
        },
        {
          src: 'global/fonts',
          dest: 'fonts',
        },
      ],
    },
    {
      type: 'docs-readme',
    },
    {
      type: 'www',
      serviceWorker: null, // disable service workers
      copy: [
        {
          src: '**/*.i18n.*.json',
          dest: 'i18n',
        },
        {
          src: 'global/fonts',
          dest: 'fonts',
        },
      ],
    },
  ],
  globalStyle: 'src/global/styles.css',
  plugins: [
    postcss({
      plugins: [
        tailwindcss('./tailwind.config.js'),
        autoprefixer(),
        purgecss,
        require('cssnano'),
      ],
    }),
  ],
  devServer: {
    reloadStrategy: 'pageReload',
    openBrowser: false,
  },
  testing: {
    'browserExecutablePath': '/opt/homebrew/bin/chromium'
  }
};