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

clipboard.png
![图片描述

问题描述

我今天把项目打包之后就发现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文件有什么用,能不能去除,因为我想保证每次打包上传给服务器的文件名都是一致的,我这边的后端人员和我说每次上传的文件名都要一样,不然服务器那边不会自动删除里边的文件,浪费空间。

回答:

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

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注