refactor: use __MSG_ placeholders for i18n and remove postcss config

This commit is contained in:
雨霖铃
2026-05-22 23:18:42 +08:00
parent 8b11dcd0ce
commit 34030e5f6a
+40 -41
View File
@@ -1,58 +1,60 @@
import { defineConfig } from 'wxt'; import { defineConfig } from 'wxt';
import type { Plugin } from 'vite'; import type { Plugin } from 'vite';
import postcssConfig from './postcss.config.js';
/**
* 仅在 HTML 多入口构建(popup / options / sidepanel)中启用 manualChunks 拆分 vendor。
* WXT 对 background / content-script 使用 lib 模式(IIFE),该模式不支持 manualChunks。
*/
function manualChunksForHtmlOnly(): Plugin { function manualChunksForHtmlOnly(): Plugin {
return { return {
name: 'manual-chunks-html-only', name: 'manual-chunks-html-only',
outputOptions(rawOptions) { outputOptions(rawOptions) {
// lib 模式(IIFE)不支持 manualChunks,仅对 ES/CJS 格式启用
if (rawOptions.format === 'iife' || rawOptions.format === 'umd') { if (rawOptions.format === 'iife' || rawOptions.format === 'umd') {
return; return;
} }
rawOptions.manualChunks = (id: string) => {
if (!id.includes('node_modules')) return;
// React 核心 return {
if (id.includes('/react-dom/') || (id.includes('/react/') && !id.includes('/react-dom/'))) { ...rawOptions,
return 'vendor-react'; manualChunks(id: string): string | void {
} if (!id.includes('node_modules')) {
// 国际化 return undefined;
if ( }
id.includes('i18next') ||
id.includes('react-i18next') || if (
id.includes('intl-messageformat') id.includes('/react-dom/') ||
) { (id.includes('/react/') && !id.includes('/react-dom/'))
return 'vendor-i18n'; ) {
} return 'vendor-react';
// QR 相关 }
if (id.includes('qr-scanner') || id.includes('qrious')) { if (
return 'vendor-qr'; id.includes('i18next') ||
} id.includes('react-i18next') ||
// 拖拽 id.includes('intl-messageformat')
if (id.includes('@dnd-kit')) { ) {
return 'vendor-dnd'; return 'vendor-i18n';
} }
// Markdown // 二维码活态感知依赖分流
if (id.includes('marked')) { if (id.includes('qr-scanner') || id.includes('qrious')) {
return 'vendor-markdown'; return 'vendor-qr';
} }
// 拖拽排序高级组件分流
if (id.includes('@dnd-kit')) {
return 'vendor-dnd';
}
// Markdown 高性能转换引擎分流
if (id.includes('marked')) {
return 'vendor-markdown';
}
return undefined;
},
}; };
}, },
}; };
} }
// See https://wxt.dev/api/config.html
export default defineConfig({ export default defineConfig({
modules: ['@wxt-dev/module-react'], modules: ['@wxt-dev/module-react'],
manifest: { manifest: {
name: 'Testing Tools', name: '__MSG_extName__',
version: '1.0', description: '__MSG_extDescription__',
description: '测试工具', version_name: undefined,
permissions: [ permissions: [
'storage', 'storage',
'unlimitedStorage', 'unlimitedStorage',
@@ -66,7 +68,7 @@ export default defineConfig({
], ],
host_permissions: ['<all_urls>'], host_permissions: ['<all_urls>'],
action: { action: {
default_title: 'Testing Tools', default_title: '__MSG_extName__',
}, },
side_panel: { side_panel: {
default_path: 'entrypoints/sidepanel/index.html', default_path: 'entrypoints/sidepanel/index.html',
@@ -83,10 +85,7 @@ export default defineConfig({
terserOptions: { terserOptions: {
format: { ascii_only: true, comments: false }, format: { ascii_only: true, comments: false },
}, },
chunkSizeWarningLimit: 600, chunkSizeWarningLimit: 800,
},
css: {
postcss: postcssConfig,
}, },
}), }),
}); });