关于npm run build看到各个文件的大小分辨出是哪个文件占用过大问题

npm install --save-dev webpack-bundle-analyzer

在webpack.prod.conf.js配置,没有的话可以在项目根目录起一个vue.config.js文件

const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer’).BundleAnalyzerPlugin;

在moudel plugins 配置
只需要配置红色部分
在package.json配置
“scripts”: {
“analyz”: “NODE_ENV=production npm_config_report=true npm run build”
},运行npm run build或者其他都可以

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm run build是用来将前端代码打包成可部署的静态文件的命令。在打包的过程中,往往会关注打包文件大小,因为文件大小越小,加载速度就会越快,影响用户体验的时间也就越短。所以,对于大型应用项目来说,打包文件大小确实有一定的要求。 一般来说,前端项目的打包文件大小要越小越好,但是具体的大小要求要根据项目的具体情况来定。如果是一个轻量级的网站,打包文件大小可以控制在几百KB以内,但是如果是一些大型的应用,就需要对打包文件进行更精细的控制,将文件大小尽可能地减小。 同时,还要考虑到各种设备的加载速度和能力。对于一些老旧的设备,加载大型的打包文件可能会非常慢,甚至可能导致闪退。所以,一定要综合考虑项目需求和设备能力,来确定打包文件大小。 在实际开发中,为了尽可能地减小打包文件大小,可以采取一些优化措施,比如:使用ES6模块化、压缩和混淆代码、按需加载组件和页面、使用webpack代码分割、使用CDN等。这些措施可以在保证功能需求的前提下,尽可能地将打包文件大小减小到最小。 综上所述,npm run build打包文件大小确实有一定的要求,但具体的要求要根据项目的需求和设备的能力来进行定制。为了减小打包文件大小,可以采取一些优化措施来进行优化,从而提升应用的性能和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值