Vite build incosistent regarding "base" path #18380

mkiriejevas · 2024-10-17T12:53:00Z

mkiriejevas
Oct 17, 2024

Hello,
experience inconsistency regarding build and "base" path config. The same relates to versions 5.1.4 through 5.4.3

Use case 1:
index.html

<!doctype html>
<html lang="lt">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="main/main.scss">
  </head>
...

vite.config.js:

import { defineConfig } from 'vite';

export default defineConfig({
    base: '/test-base-path/',
    root: '',
    build: {
        emptyOutDir: true,
        minify: false,
    },
    esbuild: {
        minify: false,
        minifyIdentifiers: false,
    }
});

vite build results in index.html without added base path to resource file:

<!doctype html>
<html lang="lt">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" crossorigin href="/assets/index-dgF0Ad_c.css">
  </head>
...

Use case 2:
Everything same just run:
vite build --base=/test-base-path/

and the resulting index.html is generated as expected with base path added:

<!doctype html>
<html lang="lt">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" crossorigin href="/test-base-path/assets/index-dgF0Ad_c.css">
  </head>
...

QUESTION: why does vite build ignore "base" value in config file and does obey "base" parameter value set in build command?

sapphi-red · 2024-10-18T03:51:58Z

sapphi-red
Oct 18, 2024
Maintainer

That should not happen. Would you make a reproduction?
It didn't happen for me: https://stackblitz.com/edit/vitejs-vite-1xvxj6?file=vite.config.js,index.html,package.json&terminal=build

0 replies

mkiriejevas · 2024-10-18T12:15:31Z

mkiriejevas
Oct 18, 2024
Author

I had this same problem with previous PC Windows install, and the same problems persists after full clean Windows reinstall.

Please find the reproduction attached.

To reproduce:

Extract .zip file
vite_base_issue.zip
cd /vite-base-issue/_frontend
npm install
run "vite build" (this does not prepend "base" to resource paths in /dist/index.html)
run "vite build --base=/vite-test-base/" (this does prepend "base" to resource paths in /dist/index.html)

Environment:
Windows 11 Professional
node.js version 20.18.0
npm version 10.8.2

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Vite build incosistent regarding "base" path #18380

{{title}}

Replies: 2 comments

{{title}}

{{title}}

Select a reply

Vite build incosistent regarding "base" path #18380

mkiriejevas Oct 17, 2024

Replies: 2 comments

sapphi-red Oct 18, 2024 Maintainer

mkiriejevas Oct 18, 2024 Author

mkiriejevas
Oct 17, 2024

sapphi-red
Oct 18, 2024
Maintainer

mkiriejevas
Oct 18, 2024
Author