import vue引入造成打包文件过大?

问题在于我就用了一个函数,用cdn方式引入没问题app.js只有16kb,用import引入缺变成110k
通过import引入vue
打包后的app.js129k(压缩后)
clipboard.png
webpack插件WebpackBundleSizeAnalyzerPlugin显示文件大小vue占200k

clipboard.png

然而通过在html中引入cdn上的时大小只有16kb(压缩后)

clipboard.png

阅读 6.7k
3 个回答

用import打包出来100kb+是正常的,
import Vue from 'vue' 这里import的vue的大小就是70kb左右
所以打包后的文件100kb+算正常的
用cdn引入的vue.min.js大小其实也是70kb左右,但是在gzip压缩传输后是30kb左右

clipboard.png

打包后没有这么大,200k是没压缩的体积

app.js 大部分是组件模板的的 render 函数 + 逻辑。

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