优化Vue项目编译文件大小的方法步骤

2020-06-14 06:28:50易采站长站整理

注意,在

gzip_types
中规定了哪些请求类型会使用 gzip 进行压缩。对于没有使用 gzip 的资源文件,可将其
Content-type
类型加入
gzip_types
之中。

服务器端渲染

注意,在以上对打包过程的优化中,受影响的主要是

vendor.js
文件中第三方库的部分( gzip 方法会影响全部资源文件 )。

如果我们想继续进行优化,就需要考虑服务器端渲染了。

Vue 的作用机制实际是使用 js 向 html 中挂载组件,如果我们能够将这一过程放在服务器端进行,就可以不再向浏览器传输一部分驱动文件,从而进一步减少浏览器所需的文件大小。不过这一过程需要服务器的额外支持,有兴趣的同学可以参考:实例 PK ( Vue服务端渲染 VS Vue 浏览器端渲染 )。