如何阻止 VueJS S3 Deploy 重新上传静态文件？

Question

I'm making a new VueJS app using Vue' CLI tool, and adding a few images and fonts to the "assets" folder inside "src", however every time I do a vue-cli-service s3-deploy , it uploads everything again instead of skipping static assets.

What do I need to do in order to achieve this?

Answer 1

It turned out being the dist folder itself that gets re-generated entirely when building, and that confuses AWS SYNC functionality, making it upload everything again.

I ended up splitting the deploy process into 2 different NPM tasks, one of them uploading the assets folder and the other uploading the rest. Here are the final commands:

1) Deploy fonts an images

aws s3 sync --acl public-read dist/fonts s3://bucket/fonts
aws s3 sync --acl public-read dist/img s3://bucket/img

2) Deploy the rest of the project except my assets

aws s3 sync --acl public-read --exclude 'fonts/*' --exclude 'img/*' dist s3://bucket

It's worth noting that both "img" and "fonts" folders are generated by Vue CLI itself and contain all of the project images and fonts respectively.