robot
88585a29bf
CI / test (pull_request) Successful in 18s
Vite was injecting modulepreload-polyfill.js into the built output, which Chrome rejected at runtime with: 'A preload for .../modulepreload-polyfill.js is found, but is not used because it is a cross-world extension resource mismatch.' Disabling the polyfill (extension context does not need it — Chrome 110+ supports bare ESM natively) removes the offending chunk entirely.
74 lines
2.1 KiB
TypeScript
74 lines
2.1 KiB
TypeScript
/**
|
|
* Vite config for the Chrome extension.
|
|
* Builds the extension into dist/ for loading as an unpacked extension.
|
|
*
|
|
* Usage:
|
|
* npm run dev — watch mode, rebuild on change
|
|
* npm run build — production build
|
|
*/
|
|
import { defineConfig } from 'vite';
|
|
import { resolve } from 'path';
|
|
import { copyFileSync, mkdirSync, writeFileSync } from 'fs';
|
|
import sharp from 'sharp';
|
|
|
|
export default defineConfig({
|
|
root: 'src',
|
|
plugins: [
|
|
{
|
|
name: 'generate-icons',
|
|
async generateBundle() {
|
|
const outDir = resolve(__dirname, 'dist');
|
|
mkdirSync(resolve(outDir, 'icons'), { recursive: true });
|
|
|
|
const sizes = [16, 48, 128];
|
|
const svgPath = resolve(__dirname, 'src/icons/icon.svg');
|
|
const outDirs = [
|
|
resolve(outDir, 'icons'),
|
|
resolve(__dirname, 'icons'),
|
|
];
|
|
|
|
for (const size of sizes) {
|
|
const buffer = await sharp(svgPath)
|
|
.resize(size, size)
|
|
.png()
|
|
.toBuffer();
|
|
for (const dir of outDirs) {
|
|
mkdirSync(dir, { recursive: true });
|
|
writeFileSync(resolve(dir, `icon${size}.png`), buffer);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
name: 'copy-manifest',
|
|
generateBundle() {
|
|
const manifestPath = resolve(__dirname, 'manifest.json');
|
|
const outPath = resolve(__dirname, 'dist/manifest.json');
|
|
copyFileSync(manifestPath, outPath);
|
|
},
|
|
},
|
|
],
|
|
build: {
|
|
target: 'chrome110',
|
|
outDir: '../dist',
|
|
emptyOutDir: true,
|
|
modulePreload: {
|
|
polyfill: false,
|
|
},
|
|
rollupOptions: {
|
|
input: {
|
|
background: resolve(__dirname, 'src/background/background.js'),
|
|
content: resolve(__dirname, 'src/content/content.js'),
|
|
viewer: resolve(__dirname, 'src/viewer/viewer.html'),
|
|
viewerIndex: resolve(__dirname, 'src/viewer/index.html'),
|
|
interceptors: resolve(__dirname, 'src/inject/interceptors.js'),
|
|
},
|
|
output: {
|
|
entryFileNames: '[name].js',
|
|
chunkFileNames: 'chunks/[name].js',
|
|
assetFileNames: '[name][extname]',
|
|
},
|
|
},
|
|
},
|
|
});
|