Skip to content

Instantly share code, notes, and snippets.

@hmaurer

hmaurer/index.html Secret

Last active February 2, 2021 12:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hmaurer/b6dd7048a1544d7190d42e48f130d30d to your computer and use it in GitHub Desktop.
Save hmaurer/b6dd7048a1544d7190d42e48f130d30d to your computer and use it in GitHub Desktop.
Download ZIP
vite-issue-1847
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/main.js"></script>
</body>
</html>
Raw
main.js
import './style.css'
import { format } from "date-fns";
import DateFnsAdapter from "@material-ui/pickers/adapter/date-fns";
document.querySelector('#app').innerHTML = `
<h1>Hello Vite!</h1>
<a href="https://vitejs.dev/guide/features.html" target="_blank">Documentation</a>
`
Raw
package.json
{
"name": "vite-debug",
"version": "0.0.0",
"scripts": {
"dev": "vite",
"build": "vite build",
"serve": "vite preview"
},
"devDependencies": {
"vite": "^2.0.0-beta.61"
},
"dependencies": {
"@material-ui/pickers": "^4.0.0-alpha.12",
"date-fns": "^2.16.1"
}
}
Raw
style.css
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment