forked from Uniswap/widgets
-
Notifications
You must be signed in to change notification settings - Fork 1
/
rollup.config.js
141 lines (130 loc) · 4.32 KB
/
rollup.config.js
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
/**
* Bundles the widgets library, which is released independently of the interface application.
* This library lives in src/lib, but shares code with the interface application.
*/
/* eslint-disable @typescript-eslint/no-var-requires */
const { babel } = require('@rollup/plugin-babel')
const commonjs = require('@rollup/plugin-commonjs')
const inject = require('@rollup/plugin-inject')
const json = require('@rollup/plugin-json')
const { nodeResolve: resolve } = require('@rollup/plugin-node-resolve')
const { default: dts } = require('rollup-plugin-dts')
const url = require('@rollup/plugin-url')
const svgr = require('@svgr/rollup')
const { default: multi } = require('rollup-plugin-multi-input')
const externals = require('rollup-plugin-node-externals')
const sass = require('rollup-plugin-scss')
const alias = require('@rollup/plugin-alias')
const EXTENSIONS = ['.js', '.jsx', '.ts', '.tsx']
/**
* This exports scheme works for nextjs and for CRA5.
*
* It will also work for CRA4 if you use direct imports:
* instead of `import { SwapWidget } from 'wido-widget'`,
* `import { SwapWidget } from 'wido-widget/dist/index.js'`.
* I do not know why CRA4 does not seem to use exports for resolution.
*
* Note that chunks are enabled. This is so the tokenlist spec can be loaded async,
* to improve first load time (due to ajv). Locales are also in separate chunks.
*
* Lastly, note that JSON and lingui are bundled into the library, as neither are fully
* supported/compatible with ES Modules. Both _could_ be bundled only with esm, but this
* yields a less complex pipeline.
*/
const transpile = {
input: 'src/index.tsx',
external: (source) => {
// @ethersproject/* modules are provided by ethers
return source.startsWith('@ethersproject/')
},
plugins: [
alias({
entries: [{ find: '@uniswap/conedison/format', replacement: '@uniswap/conedison/format.js' }],
}),
// Dependency resolution
externals({
exclude: [
'constants',
'@uniswap/conedison/format.js',
/@lingui\/(core|react)/, // @lingui incorrectly exports esm, so it must be bundled in
/\.json$/, // esm does not support JSON loading, so it must be bundled in
], // marks dependencies as external so they are not bundled inline
deps: true,
peerDeps: true,
}),
resolve({ extensions: EXTENSIONS }), // resolves third-party modules within node_modules/
// Source code transformation
json(), // imports json as ES6; doing so enables module resolution
url({ include: ['**/*.png', '**/*.svg'], limit: Infinity }), // imports assets as data URIs
svgr({ jsxRuntime: 'automatic' }), // imports svgs as React components (without re-importing React)
sass({ output: 'dist/fonts.css', verbose: false }), // generates fonts.css
commonjs(), // transforms cjs dependencies into tree-shakeable ES modules
babel({
babelHelpers: 'runtime',
extensions: EXTENSIONS,
}),
inject({ React: 'react' }), // imports React (on the top-level, un-renamed), for the classic runtime
],
onwarn: (warning, warn) => {
// This pipeline is for transpilation - checking is done through tsc.
if (warning.code === 'UNUSED_EXTERNAL_IMPORT') return
warn(warning)
console.log(warning.loc, '\n')
},
}
const esm = {
...transpile,
output: {
dir: 'dist',
format: 'esm',
sourcemap: false,
},
}
const cjs = {
...transpile,
output: {
dir: 'dist/cjs',
entryFileNames: '[name].cjs',
chunkFileNames: '[name]-[hash].cjs',
format: 'cjs',
sourcemap: false,
},
watch: false,
}
const types = {
input: 'dts/index.d.ts',
output: { file: 'dist/index.d.ts' },
external: (source) => source.endsWith('.scss') || source.endsWith('/external.d.ts'),
plugins: [dts({ compilerOptions: { baseUrl: 'dts' } })],
watch: false,
}
const locales = {
input: 'src/locales/*.js',
output: [
{
dir: 'dist',
format: 'esm',
sourcemap: false,
},
{
dir: 'dist/cjs',
sourcemap: false,
},
],
watch: false,
plugins: [commonjs(), multi()],
}
const assets = [
{
...locales,
output: {
dir: 'dist',
format: 'esm',
sourcemap: false,
},
},
]
const config = [esm, cjs, types, locales]
config.config = { ...esm, output: { ...esm.output, sourcemap: true } }
config.assets = assets
module.exports = config