Vue项目打包常见问题
vue的前端项目中，有时候需要多个不同项目合并到一起。有时候有一些特殊要求。
1、打包后不允许生成带 .map的文件
正常使用npm run build命令打包生成的dist文件中，js文件总会生成一个同名的.map文件，原因如下：
总结：Vue项目生成.map文件是Webpack为支持源码级调试而设计的默认行为，需权衡调试需求与安全/性能因素后，通过配置决定是否保留。
控制生成策略：通过配置vue.config.js中的productionSourceMap: false可完全禁用.map文件生成。该设置会关闭Webpack的Source Map生成逻辑，使最终输出仅包含压缩后的业务代码。保留.map文件时建议通过服务器权限设置禁止外部访问。
-
源码映射功能
.map文件是Source Map文件，用于建立压缩后的生产环境代码与原始开发代码的对应关系。当代码经过Webpack打包处理后，所有代码会被压缩、混淆和加密，此时.map文件可帮助将错误定位到原始代码的具体行和列。 -
调试支持强化
开发阶段生成的.map文件能让浏览器开发者工具展示未压缩前的源码结构，支持断点调试和变量跟踪。生产环境保留.map文件可辅助远程错误诊断，但存在源码泄露风险。 -
构建工具默认行为
Vue CLI默认在生产构建时启用productionSourceMap选项（值为true），导致Webpack自动生成.map文件。该配置继承自Webpack的devtool设定，针对不同环境生成不同类型的Source Map。 -
文件体积与安全影响
.map文件通常占打包体积的50%以上，可能影响加载性能。同时，攻击者可通过工具（如reverse-sourcemap）利用.map文件反编译出项目源码，引发安全风险。
解决：在vue.config.js文件中，增加节点：
configureWebpack:config => {config.devtool=config.mode==='production'?false:'source-map';},2、打包后config.js命名冲突
解决：直接将文件重命名
在引用的index.html中将引用配置文件重命名，在代码中，将config.js，重命名
3、打包手的文件中，不允许xx.xx.js的文件（即文件名不能出现多个.)
解决：在vue.config.js文件中，增加节点：
filenameHashing: false,configureWebpack: {output: {filename: '[name].js',chunkFilename: '[name].js',},4、打包后app.js命名冲突
解决：在上述配置中，将文件添加前缀或后缀
filenameHashing: false,configureWebpack: {output: {filename: 'js/ss_[name].js',chunkFilename: 'js/[name].js',},注：也可以将1、4两项配置合并：
filenameHashing: false,configureWebpack: {output: {filename: 'js/ss_[name].js',chunkFilename: 'js/[name].js',},devtool:process.env.NODE_ENV==='production'?false:'source-map'},