fix: handle lowercase doctypes (close #107)

vitejs · May 9, 2020 · 32cf37f · 32cf37f
1 parent 6ee0168
commit 32cf37f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/playground/index.html b/playground/index.html
@@ -1,3 +1,12 @@
-<link rel="icon" href="/public/icon.png" />
-<div id="app"></div>
-<script type="module" src="./main.js"></script>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Vite App</title>
+  <link rel="icon" href="/public/icon.png" />
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="./main.js"></script>
+</body>
+</html>
diff --git a/src/node/build/buildPluginHtml.ts b/src/node/build/buildPluginHtml.ts
@@ -114,6 +114,8 @@ const compileHtml = async (
   inlineLimit: number,
   resolver: InternalResolver
 ) => {
+  // @vue/compiler-core doesn't like lowercase doctypes
+  html = html.replace(/<!doctype\s/i, '<!DOCTYPE ')
   const ast = parse(html)
 
   let js = ''