optimizePackageImports
有些包可以导出数百或数千个模块,这可能导致开发和生产环境中的性能问题。
将一个包添加到 experimental.optimizePackageImports 将只加载你实际使用的模块,同时仍然为你提供使用许多命名导出编写导入语句的便利。
next.config.js
module.exports = {
experimental: {
optimizePackageImports: ['package-name'],
},
}以下库默认已优化
lucide-reactdate-fnslodash-esramdaantdreact-bootstrapahooks@ant-design/icons@headlessui/react@headlessui-float/react@heroicons/react/20/solid@heroicons/react/24/solid@heroicons/react/24/outline@visx/visx@tremor/reactrxjs@mui/material@mui/icons-materialrechartsreact-use@material-ui/core@material-ui/icons@tabler/icons-reactmui-corereact-icons/*effect@effect/*
这有帮助吗?