Browse Source

fix: fixed some Vite issues in production mode

Kristian Vos 1 year ago
parent
commit
876876ad40
4 changed files with 18 additions and 10 deletions
  1. 1 1
      .gitignore
  2. 0 0
      frontend/dist/config/template.json
  3. 4 1
      frontend/src/main.js
  4. 13 8
      frontend/vite.config.js

+ 1 - 1
.gitignore

@@ -28,7 +28,7 @@ frontend/bundle-stats.json
 frontend/bundle-report.html
 frontend/node_modules/
 frontend/build/
-frontend/config/default.json
+frontend/dist/config/default.json
 
 npm
 node_modules

+ 0 - 0
frontend/config/template.json → frontend/dist/config/template.json


+ 4 - 1
frontend/src/main.js

@@ -11,7 +11,10 @@ import store from "./store";
 
 import AppComponent from "./App.vue";
 
-import defaultConfigURL from "../config/default.json?url";
+const defaultConfigURL = new URL(
+	"config/default.json",
+	import.meta.url
+).toString();
 
 const REQUIRED_CONFIG_VERSION = 12;
 

+ 13 - 8
frontend/vite.config.js

@@ -119,6 +119,18 @@ const htmlPlugin = () => ({
 
 const mode = process.env.FRONTEND_MODE || "development";
 
+let server = null;
+
+if (mode === "development")
+	server = {
+		host: "0.0.0.0",
+		port: config.get("devServer.port"),
+		strictPort: true,
+		hmr: {
+			clientPort: config.get("devServer.hmrClientPort")
+		}
+	};
+
 export default {
 	mode,
 	root: "src",
@@ -152,14 +164,7 @@ export default {
 			}
 		}
 	},
-	server: {
-		host: "0.0.0.0",
-		port: config.get("devServer.port"),
-		strictPort: true,
-		hmr: {
-			clientPort: config.get("devServer.hmrClientPort")
-		}
-	},
+	server,
 	build: {
 		outDir: "../build"
 	}