vue 项目打包的问题

Question

一个 vue 项目打包之后，dist/js 文件夹中会有3个 js 文件： app.js manifest.js vendor.js 。

问题一：这三个 js 文件可以打包成一个 js 吗？打包成一个岂不是更简洁吗？

问题二：dist/js 这个文件夹中另外3个 .map 的文件有什么用？

Answer 1

问题一：这三个 js 文件可以打包成一个 js 吗？打包成一个岂不是更简洁吗？

可以打包成一个，修改vue-cli配置中的plugins配置项，移除CommonsChunkPlugin部分。打包在一起简洁，但无法有效的利用缓存，比如，vendor.js打包的的第三方依赖包部分，很少情况下才会更新，所以可以有效利用缓存来提高性能

问题二：dist/js 这个文件夹中另外3个 .map 的文件有什么用？

这个请百度/谷歌查阅source map知识点，用于在浏览器端快速debug用