vite preview can't use --mode option

[Crone1331]

Describe the bug

When I use vite preview -h,

vite/5.2.12

Usage:
  $ vite preview [root]

Options:
  --host [host]           [string] specify hostname 
  --port <port>           [number] specify port 
  --strictPort            [boolean] exit if specified port is already in use 
  --open [path]           [boolean | string] open browser on startup 
  --outDir <dir>          [string] output directory (default: dist) 
  -c, --config <file>     [string] use specified config file 
  --base <path>           [string] public base path (default: /) 
  -l, --logLevel <level>  [string] info | warn | error | silent 
  --clearScreen           [boolean] allow/disable clear screen when logging 
  -d, --debug [feat]      [string | boolean] show debug logs 
  -f, --filter <filter>   [string] filter debug logs 
  -m, --mode <mode>       [string] set env mode 
  -h, --help              Display this message 

But the vite preview command doesn't use the mode option.
A similar problem was solved here, but apparently without success:

#6391

Reproduction

any project

Steps to reproduce

any project

System Info

System:
    OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
    CPU: (4) x64 Intel(R) Core(TM) i3-9100 CPU @ 3.60GHz
    Memory: 23.49 GB / 31.22 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  Binaries:
    Node: 20.12.2 - ~/.nvm/versions/node/v20.12.2/bin/node
    npm: 10.5.0 - ~/.nvm/versions/node/v20.12.2/bin/npm
  Browsers:
    Chrome: 125.0.6422.141
  npmPackages:
    @vitejs/plugin-vue: ^5.0.4 => 5.0.5 
    vite: ^5.2.0 => 5.2.12

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[bluwy]

It is passed here

vite/packages/vite/src/node/cli.ts

Line 352 in e3c8278

mode: options.mode,

. Can you provide a repro?

[github-actions]

Hello @Crone1331. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs reproduction will be closed if they have no activity within 3 days.

[Shakeskeyboarde]

Preview doesn't actually build. So, while the mode option is supported for preview, it realistically is only there for completeness. The configuration file is loaded for preview, but only for the preview configuration, which could theoretically depend on the mode passed to the preview command. Any other configuration which is unrelated to the preview server, will be effectively ignored.

[Shakeskeyboarde]

I wrote a tool which may behave a little more like you expect. It puts together vite build with watching and a preview server as a single command.

• https://www.npmjs.com/package/vite-live-preview
• https://github.com/Shakeskeyboarde/vite-live-preview

Hope this helps. Feel free to post issues on the repo or contribute.