eemeli · February 15, 2022 07:05 · designervoid · Feb 18, 2022
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="/style.css" />
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/main.js"></script>
  </body>
 </html>
diff --git a/main.js b/main.js
 document.querySelector("#app").innerHTML = `
  <h1>Hello Vite!</h1>
  <a href="https://vitejs.dev/guide/features.html" target="_blank">Documentation</a>
 `;
diff --git a/package.json b/package.json
 {
  "name": "vite-project",
  "private": true,
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "vite": "^2.8.0"
  }
 }
diff --git a/style.css b/style.css
 #app {
  text-align: center;
  background: green;
  color: #2c3e50;
 }
diff --git a/vite.config.js b/vite.config.js
 export default {
  build: { rollupOptions: { external: "/style.css" } },
 };
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<link rel="stylesheet" href="/style.css" />
	</head>
	<body>
	<div id="app"></div>
	<script type="module" src="/main.js"></script>
	</body>
	</html>
	document.querySelector("#app").innerHTML = `
	<h1>Hello Vite!</h1>
	<a href="https://vitejs.dev/guide/features.html" target="_blank">Documentation</a>
	`;
	export default {
	build: { rollupOptions: { external: "/style.css" } },
	};