After vuecli3 is packaged, multiple js and css each generate a chunk-xxx file, what's the use?

clipboard.png
![

problem description

after I packaged the project today, I found that js and css each generated an extra file named chunk-xxx, so my file packaging name has always been fixed (.vitil), but today there is this randomly named chunk file, I do not know where to set its name, nor do I know what its use is. Deleting it from the web page seems to open it, no problem

the environmental background of the problems and what methods you have tried

it was packaged in webpack in vuecli3.0 scaffolding. Its citation seems to be similar to that of vendor.js. You can open it even if you delete a web page, but I don"t know if it will have any impact.

related codes

/ / Please paste the code text below (do not replace the code with pictures)
in the @ vue folder in node_modules, the file I changed is prod.js, css.js, base.js, in order to set the name of the packaged js,css,fonts file, the code changed in prod.js is

const filename = getAssetPath (

)
    options,
    `js/[name]${isLegacyBundle ? `-legacy` : ``}.vitil.js`
  )

what result do you expect? What is the error message actually seen?

I want to know the use of these two js and css files and whether they can be removed, because I want to make sure that the file name uploaded to the server is the same every time. The backend staff on my side and I say that the file name should be the same every time, otherwise the server will not automatically delete the files inside and waste space.

Apr.08,2021

may be using code separation or dynamic import.
the information you gave me doesn't show anything. It is recommended to read the document carefully.

details: ides/code-splitting/" rel=" nofollow noreferrer "> https://webpack.docschina.org.


vue compiles like this. Every time it renames the output of the modified file, this cannot be changed. What you need to do is to let the file uploaded by ftp do Synchronize with the server, and the ftp setting deletes the orphaned file from the remote server, so that each time Synchronize will only be the newly generated file, and the old one will be deleted. This option is generally available on ide's ftp Synchronize.

Menu