前端小白-Mr鹏帅

一、什么是 Source Map 通俗的来说，Source Map就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个json描述文件，维护了打包前后的代码映射关系。关于Source Map的解释可以看下Introduction to JavaScript Source Maps[7]。 我们线上的代码一般都是经过打包的，如果线上代码报错了，想要调试起来，那真是很费劲了，比如下面这个例子： 使用打包工具Webpack，编译这一段代码 console.log('sour...

使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。 Vue项目打包部署本身不复杂，不过一些前端同学可能对服务器接触不多，部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题，内容概览： 一、准备工作——服务器和nginx使用 1. 准备一台服务器 我的是ubuntu系统，linux系统的操作都差不多。没有服务器怎么破？ 如果你只是想体验一下，

1. 我们为什么要进行打包优化呢？ 1、打包优化的目的 1、优化项目启动速度，和性能 2、必要的清理数据 3、减少打包后的体积 第一点是核心，第二点呢其实主要是清理console 2、性能优化的主要方向 1、去重.map文件 2、开启CDN加速 3、代码压缩 4、图片压缩 （下方跳过） 5、公共代码抽离 6、首屏骨架屏优化 7、开启Gzip压缩 ...