diff --git a/invokeai/frontend/web/config/vite.app.config.ts b/invokeai/frontend/web/config/vite.app.config.ts index e6725e98c8..9897b28118 100644 --- a/invokeai/frontend/web/config/vite.app.config.ts +++ b/invokeai/frontend/web/config/vite.app.config.ts @@ -11,7 +11,4 @@ export const appConfig: UserConfig = { tsconfigPaths(), visualizer() as unknown as PluginOption, ], - build: { - chunkSizeWarningLimit: 1500, - }, }; diff --git a/invokeai/frontend/web/config/vite.common.config.ts b/invokeai/frontend/web/config/vite.common.config.ts index dbd8ae4b8d..8955a5a3d0 100644 --- a/invokeai/frontend/web/config/vite.common.config.ts +++ b/invokeai/frontend/web/config/vite.common.config.ts @@ -1,8 +1,4 @@ -import react from '@vitejs/plugin-react-swc'; -import { visualizer } from 'rollup-plugin-visualizer'; -import { PluginOption, UserConfig } from 'vite'; -import eslint from 'vite-plugin-eslint'; -import tsconfigPaths from 'vite-tsconfig-paths'; +import { UserConfig } from 'vite'; export const commonConfig: UserConfig = { base: './', diff --git a/invokeai/frontend/web/config/vite.package.config.ts b/invokeai/frontend/web/config/vite.package.config.ts index 906af84887..d4b902d54b 100644 --- a/invokeai/frontend/web/config/vite.package.config.ts +++ b/invokeai/frontend/web/config/vite.package.config.ts @@ -17,19 +17,29 @@ export const packageConfig: UserConfig = { }), ], build: { - chunkSizeWarningLimit: 1500, lib: { entry: path.resolve(__dirname, '../src/index.ts'), name: 'InvokeAIUI', fileName: (format) => `invoke-ai-ui.${format}.js`, }, rollupOptions: { - external: ['react', 'react-dom'], + external: ['react', 'react-dom', '@emotion/react'], output: { globals: { react: 'React', + 'react-dom': 'ReactDOM', }, }, }, }, + resolve: { + alias: { + app: path.resolve(__dirname, '../src/app'), + assets: path.resolve(__dirname, '../src/assets'), + common: path.resolve(__dirname, '../src/common'), + features: path.resolve(__dirname, '../src/features'), + services: path.resolve(__dirname, '../src/services'), + theme: path.resolve(__dirname, '../src/theme'), + }, + }, }; diff --git a/invokeai/frontend/web/tsconfig.json b/invokeai/frontend/web/tsconfig.json index 9731a64d3d..8276f461eb 100644 --- a/invokeai/frontend/web/tsconfig.json +++ b/invokeai/frontend/web/tsconfig.json @@ -14,10 +14,13 @@ "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, - "baseUrl": "src", - "jsx": "react-jsx" + "jsx": "react-jsx", + "baseUrl": "./", + "paths": { + "*": ["./src/*"] + } }, - "include": ["src", "index.d.ts"], - "exclude": ["src/services/fixtures/*"], + "include": ["src/**/*.ts", "src/**/*.tsx", "*.d.ts"], + "exclude": ["src/services/fixtures/*", "node_modules", "dist"], "references": [{ "path": "./tsconfig.node.json" }] } diff --git a/invokeai/frontend/web/tsconfig.node.json b/invokeai/frontend/web/tsconfig.node.json index aed3c05590..4b04192240 100644 --- a/invokeai/frontend/web/tsconfig.node.json +++ b/invokeai/frontend/web/tsconfig.node.json @@ -3,8 +3,7 @@ "composite": true, "module": "ESNext", "moduleResolution": "Node", - "allowSyntheticDefaultImports": true, - "baseUrl": "src" + "allowSyntheticDefaultImports": true }, "include": [ "vite.config.ts",