-
Notifications
You must be signed in to change notification settings - Fork 1
/
rollup.config.mjs
86 lines (78 loc) · 1.68 KB
/
rollup.config.mjs
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 commonjs from '@rollup/plugin-commonjs'
import external from 'rollup-plugin-peer-deps-external'
import resolve from '@rollup/plugin-node-resolve'
import typescript from '@rollup/plugin-typescript'
import dts from 'rollup-plugin-dts'
import pkg from './package.json' assert { type: 'json' }
import css from 'rollup-plugin-css-only'
const paths = {
input: 'src/index.ts',
types: 'src/types.d.ts' // Replace with your actual types file
}
const plugins = {
external: external(),
resolve: resolve(),
commonjs: commonjs(),
typescript: typescript({
exclude: 'node_modules'
}),
css: css({
output: 'styles.css'
}),
dts: dts()
}
const umdGlobals = {
react: 'React',
'react-marquee-text': 'MarqueeText',
'react/jsx-runtime': 'jsxRuntime'
}
const umdConfig = {
external: ['react', 'react-dom'],
input: paths.input,
output: [
{
file: pkg.main,
format: 'cjs',
banner: "'use client';"
},
{
file: pkg.module,
format: 'es',
banner: "'use client';"
},
{
file: pkg.browser,
format: 'umd',
name: 'MarqueeText',
globals: umdGlobals,
banner: "'use client';"
}
],
plugins: [
plugins.external,
plugins.resolve,
plugins.commonjs,
plugins.typescript,
plugins.css
]
}
const typesConfig = {
input: paths.types,
output: {
file: 'dist/types.d.ts'
},
plugins: [plugins.dts]
}
const esmConfig = {
external: ['react', 'react-dom'],
input: paths.input,
output: [
{
file: pkg.types,
format: 'es'
}
],
plugins: [plugins.external, plugins.resolve, plugins.css, plugins.dts]
}
const config = [umdConfig, typesConfig, esmConfig]
export default config