vue-cryptocurrency-icons/rollup.config.js at master · PhantasWeng/vue-cryptocurrency-icons · 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
79
80
81
82
83
84
85
86
import { babel } from '@rollup/plugin-babel'
import vue from 'rollup-plugin-vue'
import image from '@rollup/plugin-image';
import json from '@rollup/plugin-json'
import dynamicImportVars from '@rollup/plugin-dynamic-import-vars'

export default [
  // ESM build to be used with webpack/rollup.
  {
    input: './src/index.js',
    output: {
      format: 'es',
      file: 'dist/index.esm.js',
			inlineDynamicImports: true
    },
    plugins: [
      vue({ css: false }),
      babel({
				babelHelpers: 'bundled',
				plugins: [
					'@babel/plugin-syntax-import-attributes'
				]
			}),
			image(),
			json(),
			dynamicImportVars()
    ],
    external: [
      'vue-cryptocurrency-icons'
    ]
  },
  // SSR build.
  {
    input: './src/index.js',
    output: {
      format: 'cjs',
      file: 'dist/index.ssr.js',
      exports: 'named',
			inlineDynamicImports: true
    },
    plugins: [
      vue({ css: false, optimizeSSR: true }),
      babel({
				babelHelpers: 'bundled',
				plugins: [
					'@babel/plugin-syntax-import-attributes'
				]
			}),
			image(),
			json(),
			dynamicImportVars()
    ],
    external: [
      'vue-cryptocurrency-icons'
    ]
  },
  // Browser build.
  {
    input: './src/index.js',
    output: {
      name: 'VueCryptocurrencyIcons',
      globals: {
        'vue-cryptocurrency-icons': 'VueCryptocurrencyIcons'
      },
      format: 'iife',
      file: 'dist/index.js',
      exports: 'named',
			inlineDynamicImports: true
    },
    plugins: [
      vue({ css: false, optimizeSSR: true }),
      babel({
				babelHelpers: 'bundled',
				plugins: [
					'@babel/plugin-syntax-import-attributes'
				]
			}),
			image(),
			json(),
			dynamicImportVars()
    ],
    external: [
      'vue-cryptocurrency-icons'
    ]
  }
]