优化项目体积-图片

1. 本地图片一键托管至远端服务器
2. 源代码中图片引用自动替换为服务器返回的地址

主要针对 import img from 'xxx' 这种方式引入的图片

举个例子

import img from 'xxx' => const img = 'http://xxx/xxx'
将项目中的本地图片资源引用代码替换成服务端链接地址

• 上传图片到服务器并替换图片链接地址

全局安装

npm i upload-img-cli -g

使用

dirPath: 本地项目目录
uploadUrl: 上传图片的服务器地址
size: 图片大小限制, 图片小于该值的不上传

使用命令
upload-img-cli [dirPath] [uploadUrl] [size]

说明

const form = new FormData();
form.append('file', file, fileName);

上传图片接口为axios发起， 

支持 response 数据结构为
1、
{
    url: 'https://xxxx'
}

2、
{
    result: 'https://xxxx'
}

3、
{
    data: 'https://xxxx'
}

4、
'https://xxxx'