vuecli3打包后多js和css各生成了一个chunk-xxx的文件,有什么用?

Question

问题描述

我今天把项目打包之后就发现js和css各自多生成了一个名字为chunk-xxx的文件,所以我的文件打包名字一直是定好的(.vitil),但今天出现了这个随机命名的chunk文件,我不知道在哪设置它的名字,也不知道它有什么用,把它删了网页貌似也打得开,没啥问题

问题出现的环境背景及自己尝试过哪些方法

在vuecli3.0脚手架里用webpack打包的,看它的引用情况貌似和vendor.js的差不多,删了网页也打得开,但我不知道会不会有什么影响

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
在node_modules中的@vue文件夹里我改动的文件有prod.js, css.js, base.js,为了设置打包后的js,css,fonts文件的名字,在prod.js中改动的代码是

const filename = getAssetPath(

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

你期待的结果是什么？实际看到的错误信息又是什么？

我想知道这两个js和css文件有什么用,能不能去除,因为我想保证每次打包上传给服务器的文件名都是一致的,我这边的后端人员和我说每次上传的文件名都要一样,不然服务器那边不会自动删除里边的文件,浪费空间。

Answer 1

可能是使用了代码分离，也可能使用了动态导入。
你给的信息看不出来什么，建议仔细阅读文档。

详细： https://webpack.docschina.org...

Answer 2

vue编译出来的都是这样的，每次都会对修改过的文件进行重新命名输出，这个是没法变的，你要做的是让ftp上传的文件与服务器进行同步，ftp设置删除远程服务器孤立的文件，这样每次同步只会是最新生成的文件，旧的会被删除。一般ide的ftp同步都有这个选项。