add babel

.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    "@babel/env",
+    "@babel/typescript"
+  ],
+  "plugins": [
+    "@babel/plugin-transform-runtime",
+    "@babel/proposal-class-properties",
+    "@babel/proposal-object-rest-spread"
+  ]
+}

package.json

@@ -4,6 +4,8 @@
   "description": "linker's ts sdk",
   "main": "lib/src/client.js",
   "scripts": {
+    "type-check": "tsc --noEmit",
+    "type-check:watch": "npm run type-check -- --watch",
     "start": "webpack-dev-server  --mode development",
     "test": "jest",
     "build": "webpack --config webpack.config.js"
@@ -19,13 +21,23 @@
     "node-int64": "^0.4.0"
   },
   "devDependencies": {
+    "@babel/cli": "^7.4.4",
+    "@babel/core": "^7.4.4",
+    "@babel/plugin-proposal-class-properties": "^7.4.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.4.4",
+    "@babel/plugin-transform-runtime": "^7.4.4",
+    "@babel/preset-env": "^7.4.4",
+    "@babel/preset-typescript": "^7.3.3",
+    "@babel/runtime": "^7.4.4",
     "@types/crypto-js": "^3.1.43",
     "@types/jest": "^24.0.11",
     "@types/node-int64": "^0.4.29",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^8.0.5",
+    "babel-preset-env": "^1.7.0",
     "html-webpack-plugin": "^3.2.0",
     "jest": "^24.5.0",
     "ts-jest": "^24.0.0",
-    "ts-loader": "^6.0.0",
     "typescript": "^3.3.4000",
     "webpack": "^4.30.0",
     "webpack-cli": "^3.3.2",

src/client.ts

@@ -1,18 +1,6 @@
 import { Packet } from './packet';
 import { Utils } from './utils';
-
-interface ReadyStateCallback {
-  onOpen(ev: Event): void;
-  onError(ev: Event): void;
-  onClose(ev: Event): void;
-}
-
-interface RequestCallback {
-  onStart(): void;
-  onSuccess(data: string): void;
-  onError(code: number, message: string): void;
-  onEnd(): void;
-}
+import { ReadyStateCallback, RequestCallback } from './types/callback';
 
 /**
  * 初始化链接以及收发数据
@@ -336,4 +324,4 @@ class Client {
   }
 }
 
-export { Client, ReadyStateCallback, RequestCallback };
+export { Client };

src/types/callback.ts

@@ -0,0 +1,14 @@
+interface ReadyStateCallback {
+  onOpen(ev: Event): void;
+  onError(ev: Event): void;
+  onClose(ev: Event): void;
+}
+
+interface RequestCallback {
+  onStart(): void;
+  onSuccess(data: string): void;
+  onError(code: number, message: string): void;
+  onEnd(): void;
+}
+
+export { ReadyStateCallback, RequestCallback };

tsconfig.json

@@ -2,7 +2,7 @@
   "compileOnSave": true,
   "compilerOptions": {
     // Target latest version of ECMAScript.
-    "target": "es5",
+    "target": "es6",
     // Search under node_modules for non-relative imports.
     "moduleResolution": "node",
     // Process & infer types from .js files.

webpack.config.js

@@ -19,17 +19,13 @@ module.exports = {
         filename: 'main.js',
         path: path.resolve(__dirname, 'dist')
     },
+    resolve: { extensions: ['.js', '.jsx', '.tsx', '.ts', '.json'] },
     module: {
-        rules: [{
-            test: /\.ts$/,
-            use: "ts-loader"
-        }]
-    },
-    resolve: {
-        extensions: [
-            '.ts',
-            '.js',
-            '.tsx'
-        ]
+      rules: [{
+          // Include ts, tsx, js, and jsx files.
+          test: /\.(ts|js)x?$/,
+          exclude: /node_modules/,
+          loader: 'babel-loader',
+      }],
     }
 };