mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
47 lines
1.3 KiB
Plaintext
47 lines
1.3 KiB
Plaintext
---
|
|
title: optimizePackageImports
|
|
description: API Reference for optmizedPackageImports Next.js Config Option
|
|
---
|
|
|
|
{/* The content of this doc is shared between the app and pages router. You can use the `<PagesOnly>Content</PagesOnly>` component to add content that is specific to the Pages Router. Any shared content should not be wrapped in a component. */}
|
|
|
|
Some packages can export hundreds or thousands of modules, which can cause performance issues in development and production.
|
|
|
|
Adding a package to `experimental.optimizePackageImports` will only load the modules you are actually using, while still giving you the convenience of writing import statements with many named exports.
|
|
|
|
```js filename="next.config.js"
|
|
module.exports = {
|
|
experimental: {
|
|
optimizePackageImports: ['package-name'],
|
|
},
|
|
}
|
|
```
|
|
|
|
The following libraries are optimized by default:
|
|
|
|
- `lucide-react`
|
|
- `date-fns`
|
|
- `lodash-es`
|
|
- `ramda`
|
|
- `antd`
|
|
- `react-bootstrap`
|
|
- `ahooks`
|
|
- `@ant-design/icons`
|
|
- `@headlessui/react`
|
|
- `@headlessui-float/react`
|
|
- `@heroicons/react/20/solid`
|
|
- `@heroicons/react/24/solid`
|
|
- `@heroicons/react/24/outline`
|
|
- `@visx/visx`
|
|
- `@tremor/react`
|
|
- `rxjs`
|
|
- `@mui/material`
|
|
- `@mui/icons-material`
|
|
- `recharts`
|
|
- `react-use`
|
|
- `@material-ui/core`
|
|
- `@material-ui/icons`
|
|
- `@tabler/icons-react`
|
|
- `mui-core`
|
|
- `react-icons/*`
|