Migrate to vite (#6)

* feat: migrate to vite from CRA * fix: add back npm-watch for development
nixtus · Nov 21, 2023 · 49c2ef0 · 49c2ef0
1 parent 60efec7
commit 49c2ef0
Show file tree

Hide file tree

Showing 15 changed files with 5,848 additions and 28,783 deletions.
diff --git a/.gitignore b/.gitignore
@@ -9,7 +9,7 @@
 /coverage
 
 # production
-/build
+/dist
 
 # misc
 .DS_Store

diff --git a/.npmrc b/.npmrc
@@ -0,0 +1 @@
+save-exact=true
diff --git a/README.md b/README.md
@@ -23,14 +23,14 @@ Currently, this extension isn't published to the chrome web store, so you must b
 5. In your chrome or brave browser navigate to `{chrome/brave}://extensions`
 6. Ensure you have `Developer Mode` enabled
 7. Click `Load unpacked`
-8. Select the `build` folder that was produced in step `4`
+8. Select the `dist` folder that was produced in step `4`
 9. Now, if you click the extensions button, you should see the `Cyclops` extension displayed
 
 ## Development
 
 -   Install deps `npm install`
--   Start watch mode `npm run watch`
+-   Start watch mode `npm run dev`
 -   Go into chrome/brave `brave://extensions`
 -   Click `Load Unpacked`
--   Select the `build` directory that was produced from the watch command
+-   Select the `dist` directory that was produced from the watch command
 -   The extension will now be accessible in the menu bar
diff --git a/craco.config.js b/craco.config.js
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -2,16 +2,17 @@
 <html lang="en">
     <head>
         <meta charset="utf-8" />
-        <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+        <link rel="icon" href="/favicon.ico" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#000000" />
         <meta name="description" content="Web site created using create-react-app" />
-        <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-        <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+        <link rel="apple-touch-icon" href="/logo192.png" />
+        <link rel="manifest" href="/manifest.json" />
         <title>Cyclops</title>
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>
         <div id="root"></div>
+        <script type="module" src="/src/index.tsx"></script>
     </body>
 </html>