n8n/packages/editor-ui/vite.config.mts
कारतोफ्फेलस्क्रिप्ट™ 4ae6049d82
feat(editor): Use a single SVG for logo and favicon (no-changelog) (#11811)
2024-12-16 10:31:55 +01:00

100 lines
2.4 KiB
TypeScript

import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
import { defineConfig, mergeConfig } from 'vite';
import svgLoader from 'vite-svg-loader';
import { vitestConfig } from '../design-system/vite.config.mts';
import icons from 'unplugin-icons/vite';
import iconsResolver from 'unplugin-icons/resolver';
import components from 'unplugin-vue-components/vite';
import browserslistToEsbuild from 'browserslist-to-esbuild';
import legacy from '@vitejs/plugin-legacy';
import browserslist from 'browserslist';
const publicPath = process.env.VUE_APP_PUBLIC_PATH || '/';
const { NODE_ENV } = process.env;
const browsers = browserslist.loadConfig({ path: process.cwd() });
const alias = [
{ find: '@', replacement: resolve(__dirname, 'src') },
{ find: 'stream', replacement: 'stream-browserify' },
{
find: /^n8n-design-system$/,
replacement: resolve(__dirname, '..', 'design-system', 'src', 'main.ts'),
},
{
find: /^n8n-design-system\//,
replacement: resolve(__dirname, '..', 'design-system', 'src') + '/',
},
{
find: /^@n8n\/chat$/,
replacement: resolve(__dirname, '..', '@n8n', 'chat', 'src', 'index.ts'),
},
{
find: /^@n8n\/chat\//,
replacement: resolve(__dirname, '..', '@n8n', 'chat', 'src') + '/',
},
...['orderBy', 'camelCase', 'cloneDeep', 'startCase'].map((name) => ({
find: new RegExp(`^lodash.${name}$`, 'i'),
replacement: `lodash-es/${name}`,
})),
{
find: /^lodash\.(.+)$/,
replacement: 'lodash-es/$1',
},
];
const plugins = [
icons({
compiler: 'vue3',
autoInstall: true,
}),
components({
dts: './src/components.d.ts',
resolvers: [
iconsResolver({
prefix: 'icon',
}),
],
}),
vue(),
svgLoader(),
legacy({
modernTargets: browsers,
modernPolyfills: true,
renderLegacyChunks: false,
}),
];
const { RELEASE: release } = process.env;
export default mergeConfig(
defineConfig({
define: {
// This causes test to fail but is required for actually running it
// ...(NODE_ENV !== 'test' ? { 'global': 'globalThis' } : {}),
...(NODE_ENV === 'development' ? { 'process.env': {} } : {}),
BASE_PATH: `'${publicPath}'`,
},
plugins,
resolve: { alias },
base: publicPath,
envPrefix: 'VUE_APP',
css: {
preprocessorOptions: {
scss: {
additionalData: '\n@use "@/n8n-theme-variables.scss" as *;\n',
},
},
},
build: {
minify: !!release,
sourcemap: !!release,
target: browserslistToEsbuild(browsers),
},
}),
vitestConfig,
);