aiot-app/vue.config.js

/**
 * 构建配置（真机运行启动即 OOM 的修复）
 *
 * 现象（2026-10-20）：
 *   真机运行基座，App 启动 2 秒内必崩，堆栈停在
 *   io.dcloud.feature.weex.WXViewWrapper.render -> StringBuilder.append，
 *   每次都是 Failed to allocate 26943xxxx byte（≈257MB）。
 *
 * 根因：
 *   ① dev 编译把 2900 个模块的 sourcemap 连同 sourcesContent（模块源码）
 *      base64 内联进 app-service.js，让 bundle 从 25.6MB 膨胀到 67.8MB。
 *   ② webpack 在 development 下 mode=development，完全不压缩，385 个页面
 *      的源码 39MB 原样进包。
 *   native 层把这个 JS 按 UTF-16 读成字符串再拼一次，单次分配 ≈ 体积 × 4：
 *      67.8MB  ->  269MB  ->  OOM
 *      41.4MB  ->  ~165MB ->  压着 512MB 堆上限，仍然危险
 *      11MB    ->  ~44MB  ->  安全
 *
 * 为什么只设 devtool 没用：
 *   @dcloudio/vue-cli-plugin-uni/lib/configure-webpack.js 在 development 下是
 *   直接 plugins.push(sourceMap.createEvalSourceMapDevToolPlugin())，
 *   绕过了 devtool 字段，必须把插件实例本身从 plugins 里摘掉。
 */
const fs = require('fs')
const path = require('path')

// dev 下是否压缩 bundle（关闭后完全还原官方默认行为，会重新 OOM）
const DEV_MINIFY = true

// 官方开关：CLI 读取 process.env.UNI_MINIMIZE 决定 args.minimize，
// 该值会打开 optimization.minimize 并关闭 namedModules。
// 本文件在 Service 构造时加载，早于 args 求值，所以这里赋值有效。
if (DEV_MINIFY && process.env.NODE_ENV === 'development') {
	process.env.UNI_MINIMIZE = 'true'
}

const DROP_PLUGINS = ['EvalSourceMapDevToolPlugin', 'SourceMapDevToolPlugin']

function pluginName(p) {
	return (p && p.constructor && p.constructor.name) || ''
}

function isSourceMapPlugin(p) {
	return DROP_PLUGINS.indexOf(pluginName(p)) >= 0
}

// 产物体积报告：编译结束后把 app-service.js / app-view.js 大小追加进
// .workbuddy/.bundle-size.log，同时打到 HBuilderX 控制台，便于确认改动生效。
function createSizeReporter() {
	return {
		apply(compiler) {
			compiler.hooks.done.tap('BundleSizeReporter', () => {
				try {
					const outDir = (compiler.options.output && compiler.options.output.path) || ''
					if (!outDir) return
					const lines = []
					;['app-service.js', 'app-view.js'].forEach((f) => {
						const p = path.join(outDir, f)
						if (fs.existsSync(p)) {
							lines.push(`${f}: ${(fs.statSync(p).size / 1048576).toFixed(2)} MB`)
						}
					})
					if (!lines.length) return
					const text = `[${new Date().toLocaleString()}] ${lines.join(' | ')}`
					fs.mkdirSync(path.join(__dirname, '.workbuddy'), { recursive: true })
					fs.appendFileSync(path.join(__dirname, '.workbuddy', '.bundle-size.log'), text + '\n')
					console.log('\n[bundle-size] ' + lines.join(' | ') + '\n')
				} catch (e) {
					// 报告失败不影响构建
				}
			})
		},
	}
}

module.exports = {
	// chainWebpack 按构造器名删除插件（vue-cli 的 plugins 集合按名字索引）
	chainWebpack(config) {
		if (process.env.NODE_ENV !== 'development') return
		DROP_PLUGINS.forEach((name) => {
			try {
				config.plugins.delete(name)
			} catch (e) {
				// 插件不存在时忽略
			}
		})
	},
	// configureWebpack 再做一层兜底：有些编译流程里插件是直接 push 进数组的，
	// 而 optimization 走链式 API 容易被框架后续覆盖，这里直接写最终对象。
	configureWebpack(config) {
		if (process.env.NODE_ENV !== 'development') return
		if (!config || !Array.isArray(config.plugins)) return
		config.plugins = config.plugins.filter((p) => !isSourceMapPlugin(p))

		if (DEV_MINIFY) {
			// webpack 4 在 minimize=true 且未指定 minimizer 时默认使用
			// terser-webpack-plugin（uniapp-cli 自带），与正式包同一套压缩。
			config.optimization = config.optimization || {}
			config.optimization.minimize = true
			config.optimization.namedModules = false
		}

		config.plugins.push(createSizeReporter())
	},
}