First I have a svg file
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
>
<path d="M17 11h-2V9h2m-4 2h-2V9h2m-4 2H7V9h2m11-7H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Z"/>
</svg>Then I use svgr to import it as react component
export { ReactComponent as Sms } from './icons/sms.svg';I use vite and vite-plugin-svgr to bundle the icon libraries (success)
> @easynm/[email protected] build-lib /Users/Ritchie/Developer/@easynm/cloud/components/icons
> cross-env LIBRARY=1 vite build
vite v2.8.3 building for production...
✓ 2 modules transformed.
dist/icons.es.js 1.08 KiB / gzip: 0.53 KiB
dist/icons.es.js.map 0.56 KiB
dist/icons.umd.js 1.25 KiB / gzip: 0.68 KiB
dist/icons.umd.js.map 0.51 KiBTry to generate .d.ts files with below cli (failed)
> @easynm/[email protected] build-dts /Users/Ritchie/Developer/@easynm/cloud/components/icons
> tsup src/index.ts --dts-only -d dist
CLI Building entry: src/index.ts
CLI Using tsconfig: tsconfig.json
CLI tsup v5.11.13
DTS Build start
DTS Build error
Error: 'ReactComponent' is not exported by src/icons/sms.svg, imported by src/index.ts
at error (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:160:30)
at Module.error (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:12438:16)
at Module.getVariableForExportName (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:12603:29)
at Module.includeAllExports (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:12674:37)
at Graph.includeStatements (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:23022:36)
at Graph.build (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:22937:14)
at async rollupInternal (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/shared/rollup.js:23552:9)
at async runRollup (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected][email protected]/node_modules/tsup/dist/rollup.js:8795:20)
at async startRollup (/Users/Ritchie/Developer/@easynm/cloud/node_modules/.pnpm/[email protected][email protected]/node_modules/tsup/dist/rollup.js:8833:5)
ELIFECYCLE Command failed with exit code 1.If I want to use tsup for dts only, can I have a method to avoid this error?
egoist / tsup
The simplest and fastest way to bundle your TypeScript libraries.
9.4k
Contributors get 70% of received funds after fees
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too