Vite's --mode flag ignored – causes dev mode mismatch warning #1182
Description
Describe the bug
When building a Svelte + vite project in development mode with vite build --mode development, the Svelte plugin incorrectly detects production mode and shows a warning:
[vite-plugin-svelte] you are building for production but compilerOptions.dev is true, forcing it to false
This happens because the plugin appears to check process.env.NODE_ENV instead of respecting Vite's mode parameter.
The original issue was that I was trying to build a single component with lib mode but it is also an issue when building a normal svelte app from the vite template.
Reproduction URL
https://stackblitz.com/edit/vitejs-vite-jkysvcos?file=vite.config.js
Reproduction
- To reproduce:
npm run build:lib:dev - Verifying the workaround and comparing the output file size:
npm run build:lib:dev:fixed - Verify that it works as expected in production mode:
npm run build:lib:prod
Logs
2025-07-26T12:36:22.653Z vite:config config file loaded in 920.99ms
Building in development mode
Library mode: true
NODE_ENV: production
2025-07-26T12:36:22.660Z vite:env loading env files: [
'/home/projects/vitejs-vite-jkysvcos/.env',
'/home/projects/vitejs-vite-jkysvcos/.env.local',
'/home/projects/vitejs-vite-jkysvcos/.env.development',
'/home/projects/vitejs-vite-jkysvcos/.env.development.local'
]
2025-07-26T12:36:22.661Z vite:env env files loaded in 0.80ms
2025-07-26T12:36:22.661Z vite:env using resolved env: {}
2:36:22 PM [vite-plugin-svelte] you are building for production but compilerOptions.dev is true, forcing it to false
2025-07-26T12:36:22.671Z vite:config using resolved config: {
plugins: [
'vite:build-metadata',
'vite:watch-package-data',
'alias',
'vite-plugin-svelte:config',
'vite-plugin-svelte:load-custom',
'vite-plugin-svelte:preprocess',
'vite:modulepreload-polyfill',
'vite:resolve',
'vite:html-inline-proxy',
'vite:css',
'vite:esbuild',
'vite:json',
'vite:wasm-helper',
'vite:worker',
'vite:asset',
'vite-plugin-svelte',
'vite-plugin-svelte:load-compiled-css',
'vite-plugin-svelte:compile',
'vite:wasm-fallback',
'vite:define',
'vite:css-post',
'vite:build-html',
'vite:worker-import-meta-url',
'vite:asset-import-meta-url',
'vite:force-systemjs-wrap-complete',
'commonjs',
'vite:data-uri',
'vite:rollup-options-plugins',
'vite:dynamic-import-vars',
'vite:import-glob',
'vite-plugin-svelte:compile-module',
'vite-plugin-svelte:hot-update',
'vite:build-import-analysis',
'vite:esbuild-transpile',
'vite:terser',
'vite:manifest',
'vite:ssr-manifest',
'vite:reporter',
'vite:load-fallback'
],
build: {
target: [ 'chrome107', 'edge107', 'firefox104', 'safari16' ],
polyfillModulePreload: true,
modulePreload: { polyfill: true },
outDir: 'dist',
assetsDir: 'assets',
assetsInlineLimit: 4096,
sourcemap: false,
terserOptions: {},
rollupOptions: {
output: {
entryFileNames: '[name].js',
assetFileNames: '[name][extname]'
}
},
commonjsOptions: { include: [ /node_modules/ ], extensions: [ '.js', '.cjs' ] },
dynamicImportVarsOptions: { warnOnError: true, exclude: [ /node_modules/ ] },
write: true,
emptyOutDir: null,
copyPublicDir: true,
manifest: false,
lib: { entry: { component: 'src/Component.svelte' }, formats: [ 'es' ] },
ssrManifest: false,
ssrEmitAssets: false,
reportCompressedSize: true,
chunkSizeWarningLimit: 500,
watch: null,
cssCodeSplit: false,
minify: 'esbuild',
ssr: false,
emitAssets: true,
createEnvironment: [Function: createEnvironment],
cssTarget: [ 'chrome107', 'edge107', 'firefox104', 'safari16' ],
cssMinify: true
},
mode: 'development',
resolve: {
externalConditions: [ 'node' ],
extensions: [
'.mjs', '.js',
'.mts', '.ts',
'.jsx', '.tsx',
'.json'
],
dedupe: [
'svelte',
'svelte/animate',
'svelte/attachments',
'svelte/easing',
'svelte/internal',
'svelte/internal/client',
'svelte/internal/disclose-version',
'svelte/internal/flags/async',
'svelte/internal/flags/legacy',
'svelte/internal/flags/tracing',
'svelte/internal/server',
'svelte/legacy',
'svelte/motion',
'svelte/reactivity',
'svelte/reactivity/window',
'svelte/server',
'svelte/store',
'svelte/transition',
'svelte/events'
],
noExternal: [],
external: [],
preserveSymlinks: false,
alias: [
{
find: /^\/?@vite\/env/,
replacement: '/@fs/home/projects/vitejs-vite-jkysvcos/node_modules/vite/dist/client/env.mjs'
},
{
find: /^\/?@vite\/client/,
replacement: '/@fs/home/projects/vitejs-vite-jkysvcos/node_modules/vite/dist/client/client.mjs'
}
],
mainFields: [ 'svelte', 'browser', 'module', 'jsnext:main', 'jsnext' ],
conditions: [ 'module', 'browser', 'development|production', 'svelte' ],
builtins: []
},
optimizeDeps: {
include: [
'svelte',
'svelte/animate',
'svelte/attachments',
'svelte/easing',
'svelte/internal',
'svelte/internal/client',
'svelte/internal/disclose-version',
'svelte/internal/flags/async',
'svelte/internal/flags/legacy',
'svelte/internal/flags/tracing',
'svelte/legacy',
'svelte/motion',
'svelte/reactivity',
'svelte/reactivity/window',
'svelte/store',
'svelte/transition',
'svelte/events',
'svelte > clsx'
],
exclude: [],
needsInterop: [],
extensions: [],
disabled: undefined,
holdUntilCrawlEnd: true,
force: false,
noDiscovery: false,
esbuildOptions: { preserveSymlinks: false }
},
ssr: {
target: 'node',
optimizeDeps: {
esbuildOptions: { preserveSymlinks: false },
include: [],
exclude: [],
needsInterop: [],
extensions: [],
holdUntilCrawlEnd: true,
force: false,
noDiscovery: true
},
external: [],
noExternal: [ 'svelte', /^svelte\//, 'esm-env' ],
resolve: {
conditions: [ 'module', 'node', 'development|production', 'svelte' ],
externalConditions: [ 'node' ]
}
},
experimental: {
importGlobRestoreExtension: false,
renderBuiltUrl: undefined,
hmrPartialAccept: true
},
environments: <ref *2> {
client: {
define: undefined,
resolve: {
externalConditions: [ 'node' ],
extensions: [
'.mjs', '.js',
'.mts', '.ts',
'.jsx', '.tsx',
'.json'
],
dedupe: [
'svelte',
'svelte/animate',
'svelte/attachments',
'svelte/easing',
'svelte/internal',
'svelte/internal/client',
'svelte/internal/disclose-version',
'svelte/internal/flags/async',
'svelte/internal/flags/legacy',
'svelte/internal/flags/tracing',
'svelte/internal/server',
'svelte/legacy',
'svelte/motion',
'svelte/reactivity',
'svelte/reactivity/window',
'svelte/server',
'svelte/store',
'svelte/transition',
'svelte/events'
],
noExternal: [],
external: [],
preserveSymlinks: false,
alias: [
{
find: /^\/?@vite\/env/,
replacement: '/@fs/home/projects/vitejs-vite-jkysvcos/node_modules/vite/dist/client/env.mjs'
},
{
find: /^\/?@vite\/client/,
replacement: '/@fs/home/projects/vitejs-vite-jkysvcos/node_modules/vite/dist/client/client.mjs'
}
],
mainFields: [ 'svelte', 'browser', 'module', 'jsnext:main', 'jsnext' ],
conditions: [ 'module', 'browser', 'development|production', 'svelte' ],
builtins: []
},
keepProcessEnv: false,
consumer: 'client',
optimizeDeps: {
include: [
'svelte',
'svelte/animate',
'svelte/attachments',
'svelte/easing',
'svelte/internal',
'svelte/internal/client',
'svelte/internal/disclose-version',
'svelte/internal/flags/async',
'svelte/internal/flags/legacy',
'svelte/internal/flags/tracing',
'svelte/legacy',
'svelte/motion',
'svelte/reactivity',
'svelte/reactivity/window',
'svelte/store',
'svelte/transition',
'svelte/events',
'svelte > clsx'
],
exclude: [],
needsInterop: [],
extensions: [],
disabled: undefined,
holdUntilCrawlEnd: true,
force: false,
noDiscovery: false,
esbuildOptions: { preserveSymlinks: false }
},
dev: {
warmup: [],
sourcemap: { js: true },
sourcemapIgnoreList: [Function: isInNodeModules],
preTransformRequests: true,
createEnvironment: [Function: defaultCreateClientDevEnvironment],
recoverable: true,
moduleRunnerTransform: false
},
build: {
target: [ 'chrome107', 'edge107', 'firefox104', 'safari16' ],
polyfillModulePreload: true,
modulePreload: { polyfill: true },
outDir: 'dist',
assetsDir: 'assets',
assetsInlineLimit: 4096,
sourcemap: false,
terserOptions: {},
rollupOptions: {
output: {
entryFileNames: '[name].js',
assetFileNames: '[name][extname]'
}
},
commonjsOptions: { include: [ /node_modules/ ], extensions: [ '.js', '.cjs' ] },
dynamicImportVarsOptions: { warnOnError: true, exclude: [ /node_modules/ ] },
write: true,
emptyOutDir: null,
copyPublicDir: true,
manifest: false,
lib: {
entry: { component: 'src/Component.svelte' },
formats: [ 'es' ]
},
ssrManifest: false,
ssrEmitAssets: false,
reportCompressedSize: true,
chunkSizeWarningLimit: 500,
watch: null,
cssCodeSplit: false,
minify: 'esbuild',
ssr: false,
emitAssets: true,
createEnvironment: [Function: createEnvironment],
cssTarget: [ 'chrome107', 'edge107', 'firefox104', 'safari16' ],
cssMinify: true
},
plugins: [
{
name: 'vite:build-metadata',
renderChunk: [AsyncFunction: renderChunk]
},
{
name: 'vite:watch-package-data',
buildStart: [Function: buildStart],
buildEnd: [Function: buildEnd],
watchChange: [Function: watchChange]
},
{
name: 'alias',
buildStart: [AsyncFunction: buildStart],
resolveId: [Function: resolveId]
},
<ref *1> {
name: 'vite-plugin-svelte:config',
api: {
options: {
compilerOptions: { css: 'external', dev: false, hmr: false },
extensions: [ '.svelte' ],
emitCss: true,
prebundleSvelteLibraries: false,
preprocess: {
name: 'vite-preprocess',
style: [AsyncFunction: style] {
__resolvedConfig: {
plugins: [
[Object], [Object], [Object],
[Circular *1], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object]
],
build: {
target: [Array],
polyfillModulePreload: true,
modulePreload: [Object],
outDir: 'dist',
assetsDir: 'assets',
assetsInlineLimit: 4096,
sourcemap: false,
terserOptions: {},
rollupOptions: [Object],
commonjsOptions: [Object],
dynamicImportVarsOptions: [Object],
write: true,
emptyOutDir: null,
copyPublicDir: true,
manifest: false,
lib: [Object],
ssrManifest: false,
ssrEmitAssets: false,
reportCompressedSize: true,
chunkSizeWarningLimit: 500,
watch: null,
cssCodeSplit: false,
minify: 'esbuild',
ssr: false,
emitAssets: true,
createEnvironment: [Function: createEnvironment],
cssTarget: [Array],
cssMinify: true
},
mode: 'development',
resolve: {
externalConditions: [Array],
extensions: [Array],
dedupe: [Array],
noExternal: [],
external: [],
preserveSymlinks: false,
alias: [Array],
mainFields: [Array],
conditions: [Array],
builtins: []
},
optimizeDeps: {
include: [Array],
exclude: [],
needsInterop: [],
extensions: [],
disabled: undefined,
holdUntilCrawlEnd: true,
force: false,
noDiscovery: false,
esbuildOptions: [Object]
},
ssr: {
target: 'node',
optimizeDeps: [Object],
external: [],
noExternal: [Array],
resolve: [Object]
},
experimental: {
importGlobRestoreExtension: false,
renderBuiltUrl: undefined,
hmrPartialAccept: true
},
environments: [Circular *2],
configFile: '/home/projects/vitejs-vite-jkysvcos/vite.config.js',
configFileDependencies: [
'/home/projects/vitejs-vite-jkysvcos/vite.config.js'
],
inlineConfig: {
root: undefined,
base: undefined,
mode: 'development',
configFile: undefined,
configLoader: undefined,
logLevel: undefined,
clearScreen: undefined,
build: {}
},
root: '/home/projects/vitejs-vite-jkysvcos',
base: '/',
decodedBase: '/',
rawBase: '/',
publicDir: '/home/projects/vitejs-vite-jkysvcos/public',
cacheDir: '/home/projects/vitejs-vite-jkysvcos/node_modules/.vite',
command: 'build',
isWorker: false,
mainConfig: null,
bundleChain: [],
isProduction: true,
css: {
transformer: 'postcss',
preprocessorMaxWorkers: true,
devSourcemap: false
},
json: { namedExports: true, stringify: 'auto' },
esbuild: { jsxDev: false },
server: {
port: 5173,
strictPort: false,
host: undefined,
allowedHosts: [],
https: undefined,
open: false,
proxy: undefined,
cors: [Object],
headers: {},
warmup: [Object],
middlewareMode: false,
fs: [Object],
preTransformRequests: true,
perEnvironmentStartEndDuringDev: false,
sourcemapIgnoreList: [Function: isInNodeModules]
},
builder: undefined,
preview: {
port: 4173,
strictPort: false,
host: undefined,
allowedHosts: [],
https: undefined,
open: false,
proxy: undefined,
cors: [Object],
headers: {}
},
envDir: '/home/projects/vitejs-vite-jkysvcos',
env: {
BASE_URL: '/',
MODE: 'development',
DEV: false,
PROD: true
},
assetsInclude: [Function: assetsInclude],
logger: {
hasWarned: false,
info: [Function: info],
warn: [Function: warn],
warnOnce: [Function: warnOnce],
error: [Function: error],
clearScreen: [Function: clearScreen],
hasErrorLogged: [Function: hasErrorLogged]
},
packageCache: Map(1) {
'fnpd_/home/projects/vitejs-vite-jkysvcos' => [Object],
set: [Function (anonymous)]
},
worker: {
format: 'iife',
plugins: [AsyncFunction: createWorkerPlugins],
rollupOptions: {}
},
appType: 'spa',
future: undefined,
dev: {
warmup: [],
sourcemap: [Object],
sourcemapIgnoreList: [Function: isInNodeModules],
preTransformRequests: false,
createEnvironment: [Function: defaultCreateDevEnvironment],
recoverable: false,
moduleRunnerTransform: false
},
webSocketToken: 'IA_O4Yq_aur8',
getSortedPlugins: [Function: getSortedPlugins],
getSortedPluginHooks: [Function: getSortedPluginHooks],
createResolver: [Function: createResolver],
fsDenyGlob: [Function: arrayMatcher],
safeModulePaths: Set(0) {},
[Symbol(vite:resolved-config)]: true
}
}
},
configFile: '/home/projects/vitejs-vite-jkysvcos/svelte.config.js',
root: '/home/projects/vitejs-vite-jkysvcos',
isBuild: true,
isServe: false,
isDebug: true,
isProduction: true
},
idFilter: {
id: {
include: [ /^[^?#]+\.(?:svelte)(?:[?#]|$)/ ],
exclude: [ /[?&]svelte&type=style&lang.css$/ ]
}
},
idParser: [Function (anonymous)],
compileSvelte: [AsyncFunction: compileSvelte]
},
enforce: 'pre',
config: { order: 'pre', handler: [AsyncFunction: handler] },
configResolved: { order: 'pre', handler: [Function: handler] },
configEnvironment: [Function: configEnvironment],
configureServer: [Function: configureServer]
},
{
name: 'vite-plugin-svelte:load-custom',
enforce: 'pre',
configResolved: [Function: configResolved],
load: {
handler: [AsyncFunction: handler],
filter: {
id: {
include: [ /^[^?#]+\.(?:svelte)(?:[?#]|$)/ ],
exclude: [ /[?&]svelte&type=style&lang.css$/ ]
}
}
}
},
{
name: 'vite-plugin-svelte:preprocess',
enforce: 'pre',
configResolved: [Function: configResolved],
configureServer: [Function: configureServer],
buildStart: [Function: buildStart],
transform: {
handler: [AsyncFunction: handler],
filter: {
id: {
include: [ /^[^?#]+\.(?:svelte)(?:[?#]|$)/ ],
exclude: [ /[?&]svelte&type=style&lang.css$/ ]
}
}
}
},
{
name: 'vite:modulepreload-polyfill',
resolveId: { handler: [Function: handler] },
load: { handler: [Function: handler] }
},
{
name: 'vite:resolve',
resolveId: [AsyncFunction: resolveId],
load: { handler: [Function: handler] }
},
{
name: 'vite:html-inline-proxy',
resolveId: { handler: [Function: handler] },
load: { handler: [Function: handler] }
},
{
name: 'vite:css',
buildStart: [Function: buildStart],
buildEnd: [Function: buildEnd],
load: { handler: [AsyncFunction: handler] },
transform: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:esbuild',
configureServer: [Function: configureServer],
transform: [AsyncFunction: transform]
},
{
name: 'vite:json',
transform: { handler: [Function: handler] }
},
{
name: 'vite:wasm-helper',
resolveId: { handler: [Function: handler] },
load: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:worker',
buildStart: [Function: buildStart],
load: { handler: [AsyncFunction: handler] },
shouldTransformCachedModule: [Function: shouldTransformCachedModule],
transform: { handler: [AsyncFunction: handler] },
renderChunk: [Function: renderChunk],
generateBundle: [Function: generateBundle]
},
{
name: 'vite:asset',
perEnvironmentStartEndDuringDev: true,
buildStart: [Function: buildStart],
resolveId: { handler: [Function: handler] },
load: { handler: [AsyncFunction: handler] },
renderChunk: [Function: renderChunk],
generateBundle: [Function: generateBundle]
},
{ name: 'vite-plugin-svelte' },
{
name: 'vite-plugin-svelte:load-compiled-css',
resolveId: {
filter: { id: /[?&]svelte&type=style&lang.css$/ },
handler: [Function: handler]
},
load: {
filter: { id: /[?&]svelte&type=style&lang.css$/ },
handler: [AsyncFunction: handler]
}
},
{
name: 'vite-plugin-svelte:compile',
configResolved: [Function: configResolved],
transform: {
handler: [AsyncFunction: handler],
filter: {
id: {
include: [ /^[^?#]+\.(?:svelte)(?:[?#]|$)/ ],
exclude: [ /[?&]svelte&type=style&lang.css$/ ]
}
}
}
},
{
name: 'vite:wasm-fallback',
load: { handler: [Function: handler] }
},
{
name: 'vite:define',
transform: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:css-post',
renderStart: [Function: renderStart],
transform: { handler: [AsyncFunction: handler] },
renderChunk: [AsyncFunction: renderChunk],
augmentChunkHash: [Function: augmentChunkHash],
generateBundle: [AsyncFunction: generateBundle]
},
{
name: 'vite:build-html',
transform: { handler: [AsyncFunction: handler] },
generateBundle: [AsyncFunction: generateBundle]
},
{
name: 'vite:worker-import-meta-url',
applyToEnvironment: [Function: applyToEnvironment],
shouldTransformCachedModule: [Function: shouldTransformCachedModule],
transform: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:asset-import-meta-url',
applyToEnvironment: [Function: applyToEnvironment],
transform: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:force-systemjs-wrap-complete',
renderChunk: [Function: renderChunk]
},
{
name: 'commonjs',
version: '28.0.6',
options: [Function: options],
buildStart: [Function: buildStart],
buildEnd: [Function: buildEnd],
load: [AsyncFunction: load],
shouldTransformCachedModule: [Function: shouldTransformCachedModule],
transform: [Function: transform]
},
{
name: 'vite:data-uri',
buildStart: [Function: buildStart],
resolveId: [Function: resolveId],
load: [Function: load]
},
{
name: 'vite:dynamic-import-vars',
resolveId: { handler: [Function: handler] },
load: { handler: [Function: handler] },
transform: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:import-glob',
buildStart: [Function: buildStart],
transform: { handler: [AsyncFunction: handler] },
hotUpdate: [Function: hotUpdate]
},
{
name: 'vite-plugin-svelte:compile-module',
enforce: 'post',
configResolved: [AsyncFunction: configResolved],
transform: {
handler: [AsyncFunction: handler],
filter: {
id: {
include: [
/^[^?#]+(?:\.svelte\.)(?:[^.\\/]+\.)*(?:js|ts)(?:[?#]|$)/
],
exclude: []
}
}
}
},
{
name: 'vite:build-import-analysis',
resolveId: { handler: [Function: handler] },
load: { handler: [Function: handler] },
transform: { handler: [AsyncFunction: handler] },
renderChunk: [Function: renderChunk],
generateBundle: [Function: generateBundle]
},
{
name: 'vite:esbuild-transpile',
applyToEnvironment: [Function: applyToEnvironment],
renderChunk: [AsyncFunction: renderChunk]
},
{
name: 'vite:terser',
applyToEnvironment: [Function: applyToEnvironment],
renderChunk: [AsyncFunction: renderChunk],
closeBundle: [Function: closeBundle]
},
{
name: 'vite:reporter',
sharedDuringBuild: true,
perEnvironmentStartEndDuringDev: true,
transform: [Function: transform],
buildStart: [Function: buildStart],
buildEnd: [Function: buildEnd],
renderStart: [Function: renderStart],
renderChunk: [Function: renderChunk],
generateBundle: [Function: generateBundle],
writeBundle: [AsyncFunction: writeBundle]
},
{
name: 'vite:load-fallback',
load: { handler: [AsyncFunction: handler] }
}
]
},
ssr: {
define: undefined,
resolve: {
externalConditions: [ 'node' ],
extensions: [
'.mjs', '.js',
'.mts', '.ts',
'.jsx', '.tsx',
'.json'
],
dedupe: [
'svelte',
'svelte/animate',
'svelte/attachments',
'svelte/easing',
'svelte/internal',
'svelte/internal/client',
'svelte/internal/disclose-version',
'svelte/internal/flags/async',
'svelte/internal/flags/legacy',
'svelte/internal/flags/tracing',
'svelte/internal/server',
'svelte/legacy',
'svelte/motion',
'svelte/reactivity',
'svelte/reactivity/window',
'svelte/server',
'svelte/store',
'svelte/transition',
'svelte/events'
],
noExternal: [ 'svelte', /^svelte\//, 'esm-env' ],
external: [],
preserveSymlinks: false,
alias: [
{
find: /^\/?@vite\/env/,
replacement: '/@fs/home/projects/vitejs-vite-jkysvcos/node_modules/vite/dist/client/env.mjs'
},
{
find: /^\/?@vite\/client/,
replacement: '/@fs/home/projects/vitejs-vite-jkysvcos/node_modules/vite/dist/client/client.mjs'
}
],
mainFields: [ 'svelte', 'module', 'jsnext:main', 'jsnext' ],
conditions: [ 'module', 'node', 'development|production', 'svelte' ],
builtins: [
'_http_agent',
'_http_client',
'_http_common',
'_http_incoming',
'_http_outgoing',
'_http_server',
'_stream_duplex',
'_stream_passthrough',
'_stream_readable',
'_stream_transform',
'_stream_wrap',
'_stream_writable',
'_tls_common',
'_tls_wrap',
'assert',
'async_hooks',
'buffer',
'child_process',
'cluster',
'console',
'constants',
'crypto',
'dgram',
'diagnostics_channel',
'dns',
'domain',
'events',
'fs',
'http',
'http2',
'https',
'inspector',
'module',
'net',
'os',
'path',
'perf_hooks',
'process',
'punycode',
'querystring',
'readline',
'repl',
'stream',
'string_decoder',
'sys',
'timers',
'tls',
'trace_events',
'tty',
'url',
'util',
'v8',
'vm',
'wasi',
'worker_threads',
'zlib',
'util/types',
'timers/promises',
'stream/consumers',
'stream/promises',
'stream/web',
'readline/promises',
'path/posix',
'path/win32',
'inspector/promises',
'fs/promises',
'dns/promises',
'assert/strict',
'@blitz/internal/kernel',
'@blitz/internal/platform-browser',
'@blitz/internal/native',
'@blitz/internal/comlink',
'@blitz/internal/git',
'@blitz/internal/message-port',
'@blitz/internal/pty',
'@blitz/internal/env',
'@blitz/env',
'@blitz/pty',
'@blitz/kernel',
'@blitz/platform-browser',
'@blitz/message-port',
/^node:/,
/^npm:/,
/^bun:/
]
},
keepProcessEnv: true,
consumer: 'server',
optimizeDeps: {
include: [],
exclude: [],
needsInterop: [],
extensions: [],
disabled: undefined,
holdUntilCrawlEnd: true,
force: false,
noDiscovery: true,
esbuildOptions: { preserveSymlinks: false }
},
dev: {
warmup: [],
sourcemap: { js: true },
sourcemapIgnoreList: [Function: isInNodeModules],
preTransformRequests: false,
createEnvironment: [Function: defaultCreateDevEnvironment],
recoverable: false,
moduleRunnerTransform: true
},
build: {
target: [ 'chrome107', 'edge107', 'firefox104', 'safari16' ],
polyfillModulePreload: true,
modulePreload: { polyfill: true },
outDir: 'dist',
assetsDir: 'assets',
assetsInlineLimit: 4096,
sourcemap: false,
terserOptions: {},
rollupOptions: {
output: {
entryFileNames: '[name].js',
assetFileNames: '[name][extname]'
}
},
commonjsOptions: { include: [ /node_modules/ ], extensions: [ '.js', '.cjs' ] },
dynamicImportVarsOptions: { warnOnError: true, exclude: [ /node_modules/ ] },
write: true,
emptyOutDir: null,
copyPublicDir: true,
manifest: false,
lib: {
entry: { component: 'src/Component.svelte' },
formats: [ 'es' ]
},
ssrManifest: false,
ssrEmitAssets: false,
reportCompressedSize: true,
chunkSizeWarningLimit: 500,
watch: null,
cssCodeSplit: false,
minify: false,
ssr: true,
emitAssets: true,
createEnvironment: [Function: createEnvironment],
cssTarget: [ 'chrome107', 'edge107', 'firefox104', 'safari16' ],
cssMinify: 'esbuild'
},
plugins: [
{
name: 'vite:build-metadata',
renderChunk: [AsyncFunction: renderChunk]
},
{
name: 'vite:watch-package-data',
buildStart: [Function: buildStart],
buildEnd: [Function: buildEnd],
watchChange: [Function: watchChange]
},
{
name: 'alias',
buildStart: [AsyncFunction: buildStart],
resolveId: [Function: resolveId]
},
<ref *1> {
name: 'vite-plugin-svelte:config',
api: {
options: {
compilerOptions: { css: 'external', dev: false, hmr: false },
extensions: [ '.svelte' ],
emitCss: true,
prebundleSvelteLibraries: false,
preprocess: {
name: 'vite-preprocess',
style: [AsyncFunction: style] {
__resolvedConfig: {
plugins: [
[Object], [Object], [Object],
[Circular *1], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object],
[Object], [Object], [Object]
],
build: {
target: [Array],
polyfillModulePreload: true,
modulePreload: [Object],
outDir: 'dist',
assetsDir: 'assets',
assetsInlineLimit: 4096,
sourcemap: false,
terserOptions: {},
rollupOptions: [Object],
commonjsOptions: [Object],
dynamicImportVarsOptions: [Object],
write: true,
emptyOutDir: null,
copyPublicDir: true,
manifest: false,
lib: [Object],
ssrManifest: false,
ssrEmitAssets: false,
reportCompressedSize: true,
chunkSizeWarningLimit: 500,
watch: null,
cssCodeSplit: false,
minify: 'esbuild',
ssr: false,
emitAssets: true,
createEnvironment: [Function: createEnvironment],
cssTarget: [Array],
cssMinify: true
},
mode: 'development',
resolve: {
externalConditions: [Array],
extensions: [Array],
dedupe: [Array],
noExternal: [],
external: [],
preserveSymlinks: false,
alias: [Array],
mainFields: [Array],
conditions: [Array],
builtins: []
},
optimizeDeps: {
include: [Array],
exclude: [],
needsInterop: [],
extensions: [],
disabled: undefined,
holdUntilCrawlEnd: true,
force: false,
noDiscovery: false,
esbuildOptions: [Object]
},
ssr: {
target: 'node',
optimizeDeps: [Object],
external: [],
noExternal: [Array],
resolve: [Object]
},
experimental: {
importGlobRestoreExtension: false,
renderBuiltUrl: undefined,
hmrPartialAccept: true
},
environments: [Circular *2],
configFile: '/home/projects/vitejs-vite-jkysvcos/vite.config.js',
configFileDependencies: [
'/home/projects/vitejs-vite-jkysvcos/vite.config.js'
],
inlineConfig: {
root: undefined,
base: undefined,
mode: 'development',
configFile: undefined,
configLoader: undefined,
logLevel: undefined,
clearScreen: undefined,
build: {}
},
root: '/home/projects/vitejs-vite-jkysvcos',
base: '/',
decodedBase: '/',
rawBase: '/',
publicDir: '/home/projects/vitejs-vite-jkysvcos/public',
cacheDir: '/home/projects/vitejs-vite-jkysvcos/node_modules/.vite',
command: 'build',
isWorker: false,
mainConfig: null,
bundleChain: [],
isProduction: true,
css: {
transformer: 'postcss',
preprocessorMaxWorkers: true,
devSourcemap: false
},
json: { namedExports: true, stringify: 'auto' },
esbuild: { jsxDev: false },
server: {
port: 5173,
strictPort: false,
host: undefined,
allowedHosts: [],
https: undefined,
open: false,
proxy: undefined,
cors: [Object],
headers: {},
warmup: [Object],
middlewareMode: false,
fs: [Object],
preTransformRequests: true,
perEnvironmentStartEndDuringDev: false,
sourcemapIgnoreList: [Function: isInNodeModules]
},
builder: undefined,
preview: {
port: 4173,
strictPort: false,
host: undefined,
allowedHosts: [],
https: undefined,
open: false,
proxy: undefined,
cors: [Object],
headers: {}
},
envDir: '/home/projects/vitejs-vite-jkysvcos',
env: {
BASE_URL: '/',
MODE: 'development',
DEV: false,
PROD: true
},
assetsInclude: [Function: assetsInclude],
logger: {
hasWarned: false,
info: [Function: info],
warn: [Function: warn],
warnOnce: [Function: warnOnce],
error: [Function: error],
clearScreen: [Function: clearScreen],
hasErrorLogged: [Function: hasErrorLogged]
},
packageCache: Map(1) {
'fnpd_/home/projects/vitejs-vite-jkysvcos' => [Object],
set: [Function (anonymous)]
},
worker: {
format: 'iife',
plugins: [AsyncFunction: createWorkerPlugins],
rollupOptions: {}
},
appType: 'spa',
future: undefined,
dev: {
warmup: [],
sourcemap: [Object],
sourcemapIgnoreList: [Function: isInNodeModules],
preTransformRequests: false,
createEnvironment: [Function: defaultCreateDevEnvironment],
recoverable: false,
moduleRunnerTransform: false
},
webSocketToken: 'IA_O4Yq_aur8',
getSortedPlugins: [Function: getSortedPlugins],
getSortedPluginHooks: [Function: getSortedPluginHooks],
createResolver: [Function: createResolver],
fsDenyGlob: [Function: arrayMatcher],
safeModulePaths: Set(0) {},
[Symbol(vite:resolved-config)]: true
}
}
},
configFile: '/home/projects/vitejs-vite-jkysvcos/svelte.config.js',
root: '/home/projects/vitejs-vite-jkysvcos',
isBuild: true,
isServe: false,
isDebug: true,
isProduction: true
},
idFilter: {
id: {
include: [ /^[^?#]+\.(?:svelte)(?:[?#]|$)/ ],
exclude: [ /[?&]svelte&type=style&lang.css$/ ]
}
},
idParser: [Function (anonymous)],
compileSvelte: [AsyncFunction: compileSvelte]
},
enforce: 'pre',
config: { order: 'pre', handler: [AsyncFunction: handler] },
configResolved: { order: 'pre', handler: [Function: handler] },
configEnvironment: [Function: configEnvironment],
configureServer: [Function: configureServer]
},
{
name: 'vite-plugin-svelte:load-custom',
enforce: 'pre',
configResolved: [Function: configResolved],
load: {
handler: [AsyncFunction: handler],
filter: {
id: {
include: [ /^[^?#]+\.(?:svelte)(?:[?#]|$)/ ],
exclude: [ /[?&]svelte&type=style&lang.css$/ ]
}
}
}
},
{
name: 'vite-plugin-svelte:preprocess',
enforce: 'pre',
configResolved: [Function: configResolved],
configureServer: [Function: configureServer],
buildStart: [Function: buildStart],
transform: {
handler: [AsyncFunction: handler],
filter: {
id: {
include: [ /^[^?#]+\.(?:svelte)(?:[?#]|$)/ ],
exclude: [ /[?&]svelte&type=style&lang.css$/ ]
}
}
}
},
{
name: 'vite:modulepreload-polyfill',
resolveId: { handler: [Function: handler] },
load: { handler: [Function: handler] }
},
{
name: 'vite:resolve',
resolveId: [AsyncFunction: resolveId],
load: { handler: [Function: handler] }
},
{
name: 'vite:html-inline-proxy',
resolveId: { handler: [Function: handler] },
load: { handler: [Function: handler] }
},
{
name: 'vite:css',
buildStart: [Function: buildStart],
buildEnd: [Function: buildEnd],
load: { handler: [AsyncFunction: handler] },
transform: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:esbuild',
configureServer: [Function: configureServer],
transform: [AsyncFunction: transform]
},
{
name: 'vite:json',
transform: { handler: [Function: handler] }
},
{
name: 'vite:wasm-helper',
resolveId: { handler: [Function: handler] },
load: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:worker',
buildStart: [Function: buildStart],
load: { handler: [AsyncFunction: handler] },
shouldTransformCachedModule: [Function: shouldTransformCachedModule],
transform: { handler: [AsyncFunction: handler] },
renderChunk: [Function: renderChunk],
generateBundle: [Function: generateBundle]
},
{
name: 'vite:asset',
perEnvironmentStartEndDuringDev: true,
buildStart: [Function: buildStart],
resolveId: { handler: [Function: handler] },
load: { handler: [AsyncFunction: handler] },
renderChunk: [Function: renderChunk],
generateBundle: [Function: generateBundle]
},
{ name: 'vite-plugin-svelte' },
{
name: 'vite-plugin-svelte:load-compiled-css',
resolveId: {
filter: { id: /[?&]svelte&type=style&lang.css$/ },
handler: [Function: handler]
},
load: {
filter: { id: /[?&]svelte&type=style&lang.css$/ },
handler: [AsyncFunction: handler]
}
},
{
name: 'vite-plugin-svelte:compile',
configResolved: [Function: configResolved],
transform: {
handler: [AsyncFunction: handler],
filter: {
id: {
include: [ /^[^?#]+\.(?:svelte)(?:[?#]|$)/ ],
exclude: [ /[?&]svelte&type=style&lang.css$/ ]
}
}
}
},
{
name: 'vite:wasm-fallback',
load: { handler: [Function: handler] }
},
{
name: 'vite:define',
transform: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:css-post',
renderStart: [Function: renderStart],
transform: { handler: [AsyncFunction: handler] },
renderChunk: [AsyncFunction: renderChunk],
augmentChunkHash: [Function: augmentChunkHash],
generateBundle: [AsyncFunction: generateBundle]
},
{
name: 'vite:build-html',
transform: { handler: [AsyncFunction: handler] },
generateBundle: [AsyncFunction: generateBundle]
},
{
name: 'vite:force-systemjs-wrap-complete',
renderChunk: [Function: renderChunk]
},
{
name: 'commonjs',
version: '28.0.6',
options: [Function: options],
buildStart: [Function: buildStart],
buildEnd: [Function: buildEnd],
load: [AsyncFunction: load],
shouldTransformCachedModule: [Function: shouldTransformCachedModule],
transform: [Function: transform]
},
{
name: 'vite:data-uri',
buildStart: [Function: buildStart],
resolveId: [Function: resolveId],
load: [Function: load]
},
{
name: 'vite:dynamic-import-vars',
resolveId: { handler: [Function: handler] },
load: { handler: [Function: handler] },
transform: { handler: [AsyncFunction: handler] }
},
{
name: 'vite:import-glob',
buildStart: [Function: buildStart],
transform: { handler: [AsyncFunction: handler] },
hotUpdate: [Function: hotUpdate]
},
{
name: 'vite-plugin-svelte:compile-module',
enforce: 'post',
configResolved: [AsyncFunction: configResolved],
transform: {
handler: [AsyncFunction: handler],
filter: {
id: {
include: [
/^[^?#]+(?:\.svelte\.)(?:[^.\\/]+\.)*(?:js|ts)(?:[?#]|$)/
],
exclude: []
}
}
}
},
{
name: 'vite:build-import-analysis',
resolveId: { handler: [Function: handler] },
load: { handler: [Function: handler] },
transform: { handler: [AsyncFunction: handler] },
renderChunk: [Function: renderChunk],
generateBundle: [Function: generateBundle]
},
{
name: 'vite:esbuild-transpile',
applyToEnvironment: [Function: applyToEnvironment],
renderChunk: [AsyncFunction: renderChunk]
},
{
name: 'vite:reporter',
sharedDuringBuild: true,
perEnvironmentStartEndDuringDev: true,
transform: [Function: transform],
buildStart: [Function: buildStart],
buildEnd: [Function: buildEnd],
renderStart: [Function: renderStart],
renderChunk: [Function: renderChunk],
generateBundle: [Function: generateBundle],
writeBundle: [AsyncFunction: writeBundle]
},
{
name: 'vite:load-fallback',
load: { handler: [AsyncFunction: handler] }
}
]
}
},
configFile: '/home/projects/vitejs-vite-jkysvcos/vite.config.js',
configFileDependencies: [ '/home/projects/vitejs-vite-jkysvcos/vite.config.js' ],
inlineConfig: {
root: undefined,
base: undefined,
mode: 'development',
configFile: undefined,
configLoader: undefined,
logLevel: undefined,
clearScreen: undefined,
build: {}
},
root: '/home/projects/vitejs-vite-jkysvcos',
base: '/',
decodedBase: '/',
rawBase: '/',
publicDir: '/home/projects/vitejs-vite-jkysvcos/public',
cacheDir: '/home/projects/vitejs-vite-jkysvcos/node_modules/.vite',
command: 'build',
isWorker: false,
mainConfig: null,
bundleChain: [],
isProduction: true,
css: {
transformer: 'postcss',
preprocessorMaxWorkers: true,
devSourcemap: false
},
json: { namedExports: true, stringify: 'auto' },
esbuild: { jsxDev: false },
server: {
port: 5173,
strictPort: false,
host: undefined,
allowedHosts: [],
https: undefined,
open: false,
proxy: undefined,
cors: {
origin: /^https?:\/\/(?:(?:[^:]+\.)?localhost|127\.0\.0\.1|\[::1\])(?::\d+)?$/
},
headers: {},
warmup: { clientFiles: [], ssrFiles: [] },
middlewareMode: false,
fs: {
strict: true,
deny: [ '.env', '.env.*', '*.{crt,pem}', '**/.git/**' ],
allow: [ '/home/projects/vitejs-vite-jkysvcos' ]
},
preTransformRequests: true,
perEnvironmentStartEndDuringDev: false,
sourcemapIgnoreList: [Function: isInNodeModules]
},
builder: undefined,
preview: {
port: 4173,
strictPort: false,
host: undefined,
allowedHosts: [],
https: undefined,
open: false,
proxy: undefined,
cors: {
origin: /^https?:\/\/(?:(?:[^:]+\.)?localhost|127\.0\.0\.1|\[::1\])(?::\d+)?$/
},
headers: {}
},
envDir: '/home/projects/vitejs-vite-jkysvcos',
env: { BASE_URL: '/', MODE: 'development', DEV: false, PROD: true },
assetsInclude: [Function: assetsInclude],
logger: {
hasWarned: false,
info: [Function: info],
warn: [Function: warn],
warnOnce: [Function: warnOnce],
error: [Function: error],
clearScreen: [Function: clearScreen],
hasErrorLogged: [Function: hasErrorLogged]
},
packageCache: Map(1) {
'fnpd_/home/projects/vitejs-vite-jkysvcos' => {
dir: '/home/projects/vitejs-vite-jkysvcos',
data: {
name: 'vite-svelte-starter',
private: true,
version: '0.0.0',
type: 'module',
scripts: {
'build:app:dev': 'vite build --mode development',
'build:app:prod': 'vite build --mode production',
'build:lib:dev': 'BUILD_MODE=library vite build --mode development',
'build:lib:prod': 'BUILD_MODE=library vite build --mode production',
'build:lib:dev:fixed': 'NODE_ENV=development BUILD_MODE=library vite build --mode development',
'build:lib:dev:logs': "DEBUG='vite:*' BUILD_MODE=library vite build --mode development > log.txt 2>&1"
},
devDependencies: {
'@sveltejs/vite-plugin-svelte': '^6.1.0',
svelte: '^5.36.13',
vite: '^7.0.5'
}
},
hasSideEffects: [Function: hasSideEffects],
setResolvedCache: [Function: setResolvedCache],
getResolvedCache: [Function: getResolvedCache]
},
set: [Function (anonymous)]
},
worker: { format: 'iife', plugins: '() => plugins', rollupOptions: {} },
appType: 'spa',
future: undefined,
dev: {
warmup: [],
sourcemap: { js: true },
sourcemapIgnoreList: [Function: isInNodeModules],
preTransformRequests: false,
createEnvironment: [Function: defaultCreateDevEnvironment],
recoverable: false,
moduleRunnerTransform: false
},
webSocketToken: 'IA_O4Yq_aur8',
getSortedPlugins: [Function: getSortedPlugins],
getSortedPluginHooks: [Function: getSortedPluginHooks],
createResolver: [Function: createResolver],
fsDenyGlob: [Function: arrayMatcher],
safeModulePaths: Set(0) {},
[Symbol(vite:resolved-config)]: true
}
vite v7.0.6 building for development...
transforming...
✓ 97 modules transformed.
rendering chunks...
computing gzip size...
dist/component.js 27.33 kB │ gzip: 8.62 kB
✓ built in 451msSystem Info
System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
Binaries:
Node: 20.19.1 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 10.8.2 - /usr/local/bin/npm
pnpm: 8.15.6 - /usr/local/bin/pnpm
npmPackages:
@sveltejs/vite-plugin-svelte: ^6.1.0 => 6.1.0
svelte: ^5.36.13 => 5.36.16
vite: ^7.0.5 => 7.0.6