chore: add a new html to rollup and update the existent one to work with dev esbuild

danielbarion · danielbarion · commit f8365035acda · 2023-03-04T20:05:15.000-03:00
diff --git a/public/index-rollup.html b/public/index-rollup.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#009ee2" />
+
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Dev - React Tooltip</title>
+    <link rel="stylesheet" href="index.css" />
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app. Please enable JavaScript 😭</noscript>
+
+    <div id="app"></div>
+
+    <script type="module" src="<%= appBundle %>"></script>
+  </body>
+</html>
diff --git a/public/index.html b/public/index.html
@@ -7,13 +7,13 @@
 
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Dev - React Tooltip</title>
-    <link rel="stylesheet" href="index.css" />
+    <link rel="stylesheet" href="/index-dev.css" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app. Please enable JavaScript 😭</noscript>
 
     <div id="app"></div>
 
-    <script type="module" src="<%= appBundle %>"></script>
+    <script type="module" src="/index-dev.js"></script>
   </body>
 </html>
diff --git a/rollup.config.dev.js b/rollup.config.dev.js
@@ -25,7 +25,7 @@ const globals = {
 const plugins = [
   progress(),
   html({
-    input: './public/index.html',
+    input: './public/index-rollup.html',
     output: './build/index.html',
     template: { appBundle: 'index.js' },
   }),
