optimizePackageImports

Core Idea

Feature experimental que carrega só os módulos realmente usados de um pacote com centenas/milhares de exports (evitando bundles inchados), mantendo a conveniência de import { x } from 'package'.

Key Concepts

• experimental.optimizePackageImports: array de nomes de pacote a otimizar.
• Uma lista de bibliotecas já vem otimizada por padrão, sem precisar declarar.

Code Examples

module.exports = {
  experimental: {
    optimizePackageImports: ['package-name'],
  },
}

• O que demonstra: como adicionar um pacote customizado à lista de otimização.

Reference Tables

Otimizados por padrão

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/*, effect, @effect/*

Key Takeaways

1. Só precisa configurar manualmente pacotes fora da lista padrão.
2. Recurso experimental, sujeito a mudança.