vueappjs体积

❶ 使用vue-cli生成的vendor.js文件太大，有办法减少体积吗

使用“js压缩”工具可缩小体积，可网络搜索“js压缩”查找工具

把vendor.js代码ctrl + a全选，再ctrl + c复制，粘贴到js压缩工具里，点击“压缩”或“普通压缩”，然后再把压缩后的代码复制粘贴到vendor.js文件中。

❷ 使用vue-cli生成的vendor.js文件太大，有办法减少体积吗

首先，在写 Vue 的时候，应该采用懒加载模式，之后生成的包，就会被打入到不同分组的 js，运行时按需加载，详情见：Vue-路由懒加载；这个意义重大！
其次，可利用，webpack.DllReferencePlugin webpack.DllReferencePlugin 将常用不怎么变更的文件，打入一个统一的文件，外链使用。这个主要作用也可用来缩小包构建的时间；这个网上教程蛮多，就不赘述。也可参见这个项目 jade-blog 来配置；这一步即是你通过配置将部分库抽离出来，打包成另外的文件。
再次，可以利用 webpack-bundle-analyzer 可以分析打包后生成的文件结构，十分牛掰（最新 Vue-cli 带有此配置）；在 package.json 中配置如下命令 npm run analyz，运行即可查看之：

"analyz": "NODE_ENV=proction npm_config_report=true npm run build"

❸ vue中怎么缩小appjs的大小

所以为了减少vendor.js的文件大小，把这个做成了懒加载，如下：

实际使用的时候，先加载项目基本的js（vender.js，index.js），后面的播放视频的时候，才请求hls相关的js文件