Template

The following is how this web page was setup:

• 📂 home-page
• 📂 src
• 📂 js
• main.js
• 📂 scss
• styles.scss
• index.html
• 📂 static
• package.json
• vite.config.js

package.json

{
	"name": "jane-s-managaer",
	"version": "1.0.0",
	"main": "index.js",
	"scripts": {
		"start": "vite",
		"build": "vite build",
		"test": "npm run build"
	},
	"keywords": [
		"ad",
		"personal website",
		"professional"
	],
	"author": "JJH",
	"license": "ISC",
	"description": "personal websites are professional",
	"devDependencies": {
		"sass": "^1.83.0",
		"vite": "^6.0.5"
	},
	"dependencies": {
		"@popperjs/core": "^2.11.8",
		"bootstrap": "^5.3.8"
	}
}
                        

vite.config.js

const isCodeSandbox = 'SANDBOX_URL' in process.env || 'CODESANDBOX_HOST' in process.env

import { resolve } from 'path'

export default {
	root: resolve(__dirname, 'src'),
	publicDir: '../static/',
	build: {
	outDir: '../dist',
	emptyOutDir: true,
	sourcemap: true
	},
	server: {
	port: 8080,
	host: true,
	open: !isCodeSandbox
	}
}