it werks

src/Backend.ts

@@ -6,16 +6,8 @@ import bsock = require('bsock');
 import * as T from './Types'; 
 import * as U from './Utils'; 
 import * as I from './Interfaces';
-import * as R from './Responses';
 
-export { 
-    T as Types, 
-    U as Utils, 
-    I as Interfaces,
-    R as Responses
-}
-
-export class Server{
+export class RPCServer{
     private ws = http.createServer()
     private io = bsock.createServer()
 

src/Frontend.ts

@@ -3,24 +3,14 @@
 var bsock = require('bsock')
 
 import * as T from './Types'; 
-import * as U from './Utils'; 
 import * as I from './Interfaces';
-import * as R from './Responses';
-
-export { 
-    T as Types, 
-    U as Utils, 
-    I as Interfaces,
-    R as Responses
-}
-
 
 //fix args with defaults like "force = true" -> "force"
 function stripAfterEquals(str:string){
     return str.split("=")[0]
 }
 
-export class Client implements I.Socket{
+export class RPCSocket implements I.Socket{
 
     private socket: I.Socket
     constructor(public port:number, private server: string, private tls: boolean = false){

src/Responses.ts

@@ -1,7 +1,6 @@
 
 export type Outcome = "Success" | "Error"
 
-/* Responses */
 export class Response{
     constructor(
         public message?:string

src/webpack.js

@@ -1,20 +1,25 @@
 const path = require('path');
 
-const frontendConf = {
+module.exports = {
   mode: 'production',
   target: "web",
-  entry: path.resolve(__dirname, '..', 'js', 'src', 'Frontend.js'),
+  entry: path.resolve(__dirname, 'Frontend.ts'),
   output: {
-      path: path.resolve(__dirname, '..', 'js', 'src'),
-      filename: "Frontend.js",
-      libraryTarget: 'commonjs',
+      path: path.resolve(__dirname, '../js'),
+      filename: 'Frontend.min.js',
+      libraryTarget: 'window',
   },
   resolve: {
     extensions: [".ts", ".tsx", ".js"]
   },
+  module: {
+    rules: [
+      { test: /\.ts?$/, loader: "ts-loader" }
+    ]
+  },
   optimization: {
     minimize: false,
   },
-}
-
-module.exports =  [frontendConf]
+  externals: {
+  }
+}