Vue typescript 如何极限压缩编译静态资源

Vue typescript 如何极限压缩编译后静态资源

前言

近期开发项目，由于资源有限，云服务器只有1m带宽。

vue初始打包的静态资源，通过浏览器加载需要近1分钟的时间。

所以需要将静态资源进行压缩及相应处理，最终浏览器访问时间为5秒钟。

一、安装依赖

首先安装依赖 compression-webpack-plugin image-webpack-loader

• yarn

yarn add compression-webpack-plugin -D
yarn add image-webpack-loader -D

• npm

npm install compression-webpack-plugin --save-dev
npm install image-webpack-loader --save-dev

记住，依赖一定要安装在 devDependencies 下，否则会增大你的打包体积

继续阅读