mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 06:20:11 +00:00
6b7691422b
## Summary
Use named `dotenv` config imports where we were calling
`dotenv.config()` so ESLint and IDEs stop flagging
`import-x/no-named-as-default-member`.
## Changes
- **What**: Replace default `dotenv` imports plus `.config()` member
access with `import { config as dotenvConfig } from 'dotenv'` in browser
test setup/fixture files and the desktop Vite config.
- **What**: Keep behavior unchanged while aligning those files with the
cleaner import form already used elsewhere in the repo.
## Review Focus
This is a no-behavior-change cleanup. The issue was that `dotenv`
exposes `config` both as a named export and as a property on the
default-exported module object, so `import dotenv from 'dotenv';
dotenv.config()` triggers `import-x/no-named-as-default-member` even
though it works at runtime.
┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-10514-fix-use-named-dotenv-config-imports-32e6d73d36508195b346dbcab764a6b8)
by [Unito](https://www.unito.io)
73 lines
2.1 KiB
TypeScript
73 lines
2.1 KiB
TypeScript
import tailwindcss from '@tailwindcss/vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import { config as dotenvConfig } from 'dotenv'
|
|
import path from 'node:path'
|
|
import { fileURLToPath } from 'node:url'
|
|
import { FileSystemIconLoader } from 'unplugin-icons/loaders'
|
|
import IconsResolver from 'unplugin-icons/resolver'
|
|
import Icons from 'unplugin-icons/vite'
|
|
import Components from 'unplugin-vue-components/vite'
|
|
import { defineConfig } from 'vite'
|
|
import { createHtmlPlugin } from 'vite-plugin-html'
|
|
import vueDevTools from 'vite-plugin-vue-devtools'
|
|
|
|
dotenvConfig()
|
|
|
|
const projectRoot = fileURLToPath(new URL('.', import.meta.url))
|
|
|
|
const SHOULD_MINIFY = process.env.ENABLE_MINIFY === 'true'
|
|
const VITE_REMOTE_DEV = process.env.VITE_REMOTE_DEV === 'true'
|
|
const DISABLE_VUE_PLUGINS = process.env.DISABLE_VUE_PLUGINS === 'true'
|
|
|
|
export default defineConfig(() => {
|
|
return {
|
|
root: projectRoot,
|
|
base: '',
|
|
publicDir: path.resolve(projectRoot, 'public'),
|
|
server: {
|
|
port: 5174,
|
|
host: VITE_REMOTE_DEV ? '0.0.0.0' : undefined
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(projectRoot, 'src'),
|
|
'@frontend-locales': path.resolve(projectRoot, '../../src/locales')
|
|
}
|
|
},
|
|
plugins: [
|
|
...(!DISABLE_VUE_PLUGINS
|
|
? [vueDevTools(), vue(), createHtmlPlugin({})]
|
|
: [vue()]),
|
|
tailwindcss(),
|
|
Icons({
|
|
compiler: 'vue3',
|
|
customCollections: {
|
|
comfy: FileSystemIconLoader(
|
|
path.resolve(projectRoot, '../../packages/design-system/src/icons')
|
|
)
|
|
}
|
|
}),
|
|
Components({
|
|
dts: path.resolve(projectRoot, 'components.d.ts'),
|
|
resolvers: [
|
|
IconsResolver({
|
|
customCollections: ['comfy']
|
|
})
|
|
],
|
|
dirs: [
|
|
path.resolve(projectRoot, 'src/components'),
|
|
path.resolve(projectRoot, 'src/views')
|
|
],
|
|
deep: true,
|
|
extensions: ['vue'],
|
|
directoryAsNamespace: true
|
|
})
|
|
],
|
|
build: {
|
|
minify: SHOULD_MINIFY,
|
|
target: 'es2022',
|
|
sourcemap: true
|
|
}
|
|
}
|
|
})
|