How to set file paths when building a vue-cli-service project?

Question

webpack

There is a project on vue.js, I work in PHPStorm IDE. I build the project with the vue-cli-service build command (written in package.json - "build": "vue-cli-service build"). When building, everything falls into the dist directory (by default) and the paths to styles and scripts, respectively, are written relative to the index.html file to the css and js folders. That is something like:

<link href=/css/app.0d3ea108.css rel=preload as=style>

But deployment is configured so that from the dist directory it is loaded into the calc folder on the server. How to make it so that when building a project, the paths are written as:

<link href=/calc/css/app.0d3ea108.css rel=preload as=style>

Help, I can’t find information, and I’m already tired of redoing the paths with my hands.

Answer 1

publicpath