uniapp vite 动态修改manifest.json

最新推荐文章于 2024-03-29 15:51:58 发布

@lucky.

最新推荐文章于 2024-03-29 15:51:58 发布

阅读量398

点赞数 6

文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_44883704/article/details/136065504

版权

文章介绍了如何在Vite项目中使用`modifyManifest.ts`脚本动态修改`manifest.json`，以适应不同的环境（如开发模式dev或生产模式prod），并通过uniapp的vite-plugin-uni插件实现配置。

摘要由CSDN通过智能技术生成

1、modifyManifest.ts

// 读取 manifest.json ，修改后重新写入
const fs = require('fs');

const manifestPath = './src/manifest.json';
let Manifest = fs.readFileSync(manifestPath, { encoding: 'utf-8' });
function replaceManifest(path, value) {
	const arr = path.split('.');
	const len = arr.length;
	const lastItem = arr[len - 1];

	let i = 0;
	let ManifestArr = Manifest.split(/\n/);
	for (let index = 0; index < ManifestArr.length; index++) {
		const item = ManifestArr[index];
		if (new RegExp(`"${arr[i]}"`).test(item)) ++i;
		if (i === len) {
			const hasComma = /,/.test(item);
			ManifestArr[index] = item.replace(
				new RegExp(`"${lastItem}"[\\s\\S]*:[\\s\\S]*`),
				`"${lastItem}": ${value}${hasComma ? ',' : ''}`
			);
			break;
		}
	}

	Manifest = ManifestArr.join('\n');
}

export const modifyManifest = ((mode = 'prod')=>{
	const BASEMAP = Object.freeze({
		'dev':'/dev/',
		'prod':'/prod/',
	}) 
	replaceManifest('h5.router.base',`"${BASEMAP[mode]}"`);
	fs.writeFileSync(manifestPath, Manifest, {
		flag: 'w',
	});
})

2、vite.config.ts

import { defineConfig } from "vite";
import uni from '@dcloudio/vite-plugin-uni';
import { modifyManifest } from './modifyManifest';

export default defineConfig(({ mode }: Record<string, any>) => {
  modifyManifest(mode)
  return {
  		plugins: [uni()],
  }

3、指路=>官方文档：https://uniapp.dcloud.net.cn/collocation/vite-config.html