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'},
)
