vue打包文件过大的问题

新人学习vue中,但是打包时候有个warning提示资源规模限制
图片描述

整体的项目代码大概20kb,图片文件30kb
为啥打包出来有一个700kb的文件和一个100kb的文件?
是node_module里引用到的包吗

百度下都说是修改webpack扩大打包资源的大小限制,感觉不合适,还有啥其他的优化方法

阅读 3.8k
2 个回答

打包的时候带上report参数,npm run build --report, 可以看到哪些资源体积比较大。
优化方法:按需加载,减少不必要的资源引用。
另外,使用Gzip也是不错的选择,体积至少缩小三倍,不过需要服务器支持。

看下config下index.js中productionSourceMap是否为true

改为false

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题