>npm run build怎么看包大小
时间: 2024-05-11 17:17:27 浏览: 126
可以使用`webpack-bundle-analyzer`插件来分析打包后的包大小,具体操作如下:
1. 安装`webpack-bundle-analyzer`插件:`npm i webpack-bundle-analyzer -D`
2. 在`webpack`配置文件中引入插件并添加到`plugins`中:
```
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
module.exports = {
// ...
plugins: [
new BundleAnalyzerPlugin()
]
}
```
3. 运行`npm run build`,打包完成后会自动打开一个网页展示各个模块的大小信息。
另外,也可以使用`size-plugin`插件来在控制台中展示打包后的包大小信息,具体操作如下:
1. 安装`size-plugin`插件:`npm i size-plugin -D`
2. 在`webpack`配置文件中引入插件并添加到`plugins`中:
```
const SizePlugin = require('size-plugin');
module.exports = {
// ...
plugins: [
new SizePlugin()
]
}
```
3. 运行`npm run build`,打包完成后会在控制台中展示各个模块的大小信息。
阅读全文