vue webpack打包配置生成的源映射文件不包含源代码内容、加密混淆压缩

前言：此案例使用的是vue-cli5

一、webpack源码泄露造成的安全问题

我们在打包后部署到服务器上时，能直接在webpack文件下看到我们项目源码，代码检测出来是不安全的。如下两种配置解决方案：
1、直接在项目的vue.config.js文件中加上 productionSourceMap: false。

2、Webpack 中的 devtool 属性用于配置源映射文件的生成方式，以便在开发过程中进行调试。不同的 devtool 选项会影响源映射文件的大小、精确度和安全性。以下是一些常用的 devtool 属性及其特点：

（1）eval：
特点：生成的源映射以 eval 的方式嵌入到生成的代码中，速度快但精确度较低。
安全性：由于源映射直接暴露在生成的代码中，可能存在安全风险，不建议在生产环境中使用

（2）cheap-source-map：
特点：生成的源映射会将每行映射到转换后的代码的行，但不会映射到列，以减小源映射文件的大小。
安全性：源映射文件相对简单，但仍可能暴露部分源代码信息，不建议在生产环境中使用。

（3）source-map：
特点：生成最详细的源映射文件，包含每行每列的映射关系，提供最全面的调试信息。
安全性：源映射