问题描述:目前通过命令 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" }]
]
}
为什么打包后体积会这么大呢?
10 回答11.2k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
可以装个 webpack-bundle-analyzer 插件,打包完了自己看看为什么体积这么大: