项目遇到的问题总结（四）：单页面首屏加载慢解决方案

VUE  单页应用首页加载特别慢的解决方法，（我自己没百度之前，想的是路由懒加载，图片懒加载，压缩cssjs）

百度之后，才发现菜鸡

我们一般打包后把 生成的dist文件夹下面的这两个东西拖到服务器下面就行了

首先你要想到拖到服务器，减少这个文件的体积，看他的构造，index.html没发变小了才1kb;

就要在static里面下文章了，打开static,

打开js,可以看到，里面有许多.map文件，而且很多都很大，如图最后一个3M多，map文件是什么鬼？这些文件主要是帮助我们线上调试代码，查看样式。所以为了避免部署包过大，通常都不生成这些文件。

意思就是有了map文件我们就会知道比如报错是哪个页面报的错，console.log就能打印出来具体的第几行数据

 如图所示，说白了就是起一个辅助调试的作用，一般线上不需要这个.map文件，所以为了避免部署包过大，通常都不生成这些文件。

在 config/index.js 文件中将productionSourceMap 的值设置为false. 再次打包就可以看到项目文件中已经没有map文件

没去掉之前static

项目遇到的问题总结（四）：单页面首屏加载慢解决方案

原文：https://www.cnblogs.com/myfirstboke/p/11321191.html