在HBuilderX中打包H5时自定义输出路径更改打包文件的名称（兼容 Webpack4，彻底解决超长文件名）

Vue2 uniapp 完整可用配置直接复制替换 vue.config.jsmodule.exports { // 仅对H5生效 configureWebpack(config) { // 只处理H5平台 if (process.env.UNI_PLATFORM ! h5) return; // 1. 开启稳定数字chunkId让[id]生效 config.optimization.chunkIds deterministic; // 2. 关闭自动拼接页面长名称 config.optimization.splitChunks { automaticNameDelimiter: _, automaticNameMaxLength: 30, // 限制自动生成name最大长度截断超长串 cacheGroups: { // 统一公共代码分组彻底避免多页面拼接~长名称 common: { name: common, chunks: all, minChunks: 2, priority: 10 }, vendor: { test: /[\\/]node_modules[\\/]/, name: vendor, chunks: all, priority: 20 } } }; // 3. 强制输出用数字[id]命名chunk文件 config.output.filename static/js/[id].[contenthash:8].js; config.output.chunkFilename static/js/[id].[chunkhash:8].js; }, // 兜底用chainWebpack再覆盖一次输出配置双重保险 chainWebpack(config) { if (process.env.UNI_PLATFORM h5 process.env.NODE_ENV production) { config.output .filename(static/js/[id].[contenthash:8].js) .chunkFilename(static/js/[id].[chunkhash:8].js); } } }