Output directory after vite build #16327
Replies: 1 comment 4 replies
-
|
In About other files, you can store it in your Dev: After bundling: Or maybe, |
Beta Was this translation helpful? Give feedback.
-
|
Ok thanks |
Beta Was this translation helpful? Give feedback.
-
|
You expected folder looks like a SSR project. You can try Nuxt or Next.js. Nuxt is based on |
Beta Was this translation helpful? Give feedback.
-
|
Hello friend, i've been able to build and preview my first JS application.
The screenshot above is my directory structure during dev. After build and preview, everything works well on vite preview server. But I copy the dist folder to a different server like xampp, the paths to the generated CSS and JS file are broken. Where, if I manually make adjustment to the HTML file, it does work, but this is weird to me. Below is the screenshot link to the dist folder structure after build.
How do I correct the paths to the HTML and CSS files after build? below is the HTML file code during dev <!doctype html> <title>JS tutorial</title>0
Decrease
Reset
Increase
below is the HTML file code after build: <!doctype html> <title>JS tutorial</title> <script type="module" crossorigin src="/assets/index-qCMKaPnj.js"></script>0
Decrease
Reset
Increase
|
Beta Was this translation helpful? Give feedback.
-
|
Could you provide more details? Like the error message, and the // vite.config.js
import { defineConfig } from 'vite'
export default defineConfig({
base: '',
}) |
Beta Was this translation helpful? Give feedback.
-
Hello, esteemed community,
I'm trying out Vite for the first time and I want the output directory of my static web to look exactly like this below after running vite build
Root
│ .htaccess
│ index.html
│
├───about
│ index.html
│
├───assets
│ ├───css
│ ├───fonts
│ ├───images
│ │ ├───background
│ │ ├───fav-icons
│ │ ├───projects
│ │ └───slider
│ ├───js
│ ├───php
│ └───plugins
├───contact
│ index.html
│
├───error
│ index.html
│
└───services
index.html
I understand that vite will do some file name hashing and rebasing some URL but this is how I want my output directory to look with all assets referenced as is in my HTML.
Thanks
Beta Was this translation helpful? Give feedback.
All reactions