问题描述:目前通过命令 npm run build 打包出来的js文件只有一个,并且体积较大(>1MB)。该项目只有一个页面,引入了部分antd组件,antd库的引入使用的官方推荐配置:
{
"extraBabelPlugins": [
["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
]
}
为什么打包后体积会这么大呢?
问题描述:目前通过命令 npm run build 打包出来的js文件只有一个,并且体积较大(>1MB)。该项目只有一个页面,引入了部分antd组件,antd库的引入使用的官方推荐配置:
{
"extraBabelPlugins": [
["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
]
}
为什么打包后体积会这么大呢?
13 回答13k 阅读
7 回答2.1k 阅读
5 回答1.4k 阅读
3 回答1.3k 阅读✓ 已解决
5 回答1.6k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
6 回答1.2k 阅读✓ 已解决
可以装个 webpack-bundle-analyzer 插件,打包完了自己看看为什么体积这么大: