mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-22 05:09:20 +01:00
7a68e10b12
* fix(lucide-react-native): remove icons namespace export to enable tree-shaking
The `export * as icons from './icons'` statement defeats tree-shaking
because bundlers cannot determine which exports from the namespace are
actually used at build time. This causes all 1600+ icons to be included
in the final bundle even when only a few are imported.
This change removes the namespace re-export while keeping all individual
icon exports available via `export * from './icons'`.
BREAKING CHANGE: The `icons` namespace export is no longer available.
Users should import icons directly: `import { Activity } from 'lucide-react-native'`
instead of `import { icons } from 'lucide-react-native'; icons.Activity`.
* Add icons entry file to improve treeshaking
* Format code
---------
Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
95 lines
1.9 KiB
JavaScript
95 lines
1.9 KiB
JavaScript
import plugins from '@lucide/rollup-plugins';
|
|
import dts from 'rollup-plugin-dts';
|
|
import pkg from './package.json' with { type: 'json' };
|
|
|
|
const packageName = 'LucideReact';
|
|
const outputFileName = 'lucide-react-native';
|
|
const outputDir = 'dist';
|
|
const inputs = ['src/lucide-react-native.ts', 'src/icons/index.ts'];
|
|
const bundles = [
|
|
{
|
|
format: 'cjs',
|
|
inputs,
|
|
outputDir,
|
|
preserveModules: true,
|
|
},
|
|
{
|
|
format: 'esm',
|
|
inputs,
|
|
outputDir,
|
|
preserveModules: true,
|
|
},
|
|
];
|
|
|
|
const configs = bundles
|
|
.map(({ inputs, outputDir, format, minify, preserveModules }) =>
|
|
inputs.map((input) => ({
|
|
input,
|
|
plugins: plugins({ pkg, minify }),
|
|
external: ['react', 'react-native-svg'],
|
|
output: {
|
|
name: packageName,
|
|
...(preserveModules
|
|
? {
|
|
dir: `${outputDir}/${format}`,
|
|
exports: 'auto',
|
|
}
|
|
: {
|
|
file: `${outputDir}/${format}/${outputFileName}${minify ? '.min' : ''}.js`,
|
|
}),
|
|
format,
|
|
preserveModules,
|
|
sourcemap: true,
|
|
globals: {
|
|
react: 'react',
|
|
'react-native-svg': 'react-native-svg',
|
|
},
|
|
},
|
|
})),
|
|
)
|
|
.flat();
|
|
|
|
export default [
|
|
{
|
|
input: inputs[0],
|
|
output: [
|
|
{
|
|
file: `dist/${outputFileName}.d.ts`,
|
|
format: 'es',
|
|
},
|
|
],
|
|
plugins: [dts()],
|
|
},
|
|
{
|
|
input: inputs[1],
|
|
output: [
|
|
{
|
|
file: `dist/icons.d.ts`,
|
|
format: 'es',
|
|
},
|
|
],
|
|
plugins: [dts()],
|
|
},
|
|
{
|
|
input: `src/${outputFileName}.suffixed.ts`,
|
|
output: [
|
|
{
|
|
file: `dist/${outputFileName}.suffixed.d.ts`,
|
|
format: 'es',
|
|
},
|
|
],
|
|
plugins: [dts()],
|
|
},
|
|
{
|
|
input: `src/${outputFileName}.prefixed.ts`,
|
|
output: [
|
|
{
|
|
file: `dist/${outputFileName}.prefixed.d.ts`,
|
|
format: 'es',
|
|
},
|
|
],
|
|
plugins: [dts()],
|
|
},
|
|
...configs,
|
|
];
|