wehub-resource-sync
88 lines
2.6 KiB
JavaScript
88 lines
2.6 KiB
JavaScript
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
// import htmlPurge from 'vite-plugin-purgecss'
|
|
import { cwd, version } from './common.js'
|
|
import { resolve } from 'path'
|
|
import def from './def.js'
|
|
|
|
function buildInput () {
|
|
return {
|
|
electerm: resolve(cwd, '../../src/client/entry/electerm.jsx'),
|
|
basic: resolve(cwd, '../../src/client/entry/basic.js'),
|
|
worker: resolve(cwd, '../../src/client/entry/worker.js')
|
|
}
|
|
}
|
|
|
|
// Custom plugin to replace window.et.isWebApp with false
|
|
function replaceWebAppPlugin () {
|
|
return {
|
|
name: 'replace-webapp',
|
|
renderChunk (code, chunk) {
|
|
// Replace window.et.isWebApp with false in the bundled code
|
|
const newCode = code.replace(/window\.et\.isWebApp/g, 'false')
|
|
if (newCode !== code) {
|
|
return {
|
|
code: newCode,
|
|
map: null
|
|
}
|
|
}
|
|
return null
|
|
}
|
|
}
|
|
}
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
react({ include: /\.(mdx|js|jsx|ts|tsx|mjs)$/ }),
|
|
replaceWebAppPlugin()
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'ironrdp-wasm': resolve(cwd, '../../node_modules/ironrdp-wasm/pkg/rdp_client.js'),
|
|
// @xterm/addon-ligatures bundles lru-cache@11, which calls
|
|
// channel()/tracingChannel() from node:diagnostics_channel at import time.
|
|
// In the renderer (browser) context Vite stubs Node builtins and the call
|
|
// throws. lru-cache only uses it for optional metrics, so a no-op stub is
|
|
// safe. Covers both bare `diagnostics_channel` and the `node:` prefix.
|
|
'node:diagnostics_channel': resolve(cwd, './diagnostics-channel-stub.js'),
|
|
diagnostics_channel: resolve(cwd, './diagnostics-channel-stub.js')
|
|
}
|
|
},
|
|
optimizeDeps: {
|
|
exclude: ['ironrdp-wasm']
|
|
},
|
|
define: def,
|
|
publicDir: false,
|
|
legacy: {
|
|
inconsistentCjsInterop: true
|
|
},
|
|
root: resolve(cwd, '../..'),
|
|
build: {
|
|
target: 'esnext',
|
|
cssCodeSplit: false,
|
|
codeSplitting: false,
|
|
emptyOutDir: false,
|
|
outDir: resolve(cwd, '../../work/app/assets'),
|
|
rollupOptions: {
|
|
input: buildInput(),
|
|
output: {
|
|
format: 'esm',
|
|
entryFileNames: `js/[name]-${version}.js`,
|
|
chunkFileNames: `chunk/[name]-${version}-[hash].js`,
|
|
dir: resolve(cwd, '../../work/app/assets'),
|
|
assetFileNames: chunkInfo => {
|
|
const { name } = chunkInfo
|
|
if (/\.(png|jpe?g|gif|svg|webp|ico|bmp)$/i.test(name)) {
|
|
return `images/${name}`
|
|
} else if (name && name.endsWith('.css')) {
|
|
return `css/style-${version}[extname]`
|
|
} else {
|
|
return 'assets/[name]-[hash][extname]'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|