use ts-loader

Author: epicfaace

packages/core/package-lock.json

@@ -53,7 +53,6 @@
  "shortid": "^2.2.14"
  },
  "devDependencies": {
- "./babel-register.js": "^7.4.4",
  "@babel/cli": "^7.4.4",
  "@babel/core": "^7.4.5",
  "@babel/plugin-proposal-class-properties": "^7.4.4",
@@ -104,6 +103,8 @@
  "rimraf": "^2.5.4",
  "sinon": "^7.5.0",
  "style-loader": "^0.13.1",
+ "ts-loader": "^6.2.1",
+ "typescript": "^3.7.3",
  "webpack": "^4.20.2",
  "webpack-cli": "^3.1.2",
  "webpack-dev-middleware": "^3.4.0",

packages/core/package.json

@@ -0,0 +1,32 @@
+{
+ "include": ["src", "types"],
+ "compilerOptions": {
+ "target": "es5",
+ "module": "esnext",
+ "lib": ["dom", "esnext"],
+ "importHelpers": true,
+ "declaration": true,
+ "sourceMap": true,
+ "rootDir": "./",
+ "strict": true,
+ "noImplicitAny": false,
+ "strictNullChecks": true,
+ "strictFunctionTypes": true,
+ "strictPropertyInitialization": true,
+ "noImplicitThis": true,
+ "alwaysStrict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noImplicitReturns": true,
+ "noFallthroughCasesInSwitch": true,
+ "allowSyntheticDefaultImports": true,
+ "moduleResolution": "node",
+ "baseUrl": "./",
+ "paths": {
+ "*": ["src/*", "node_modules/*"]
+ },
+ "jsx": "react",
+ "esModuleInterop": true
+ }
+ }
+ 

packages/core/tsconfig.json

@@ -2,7 +2,7 @@ var path = require("path");
 var webpack = require("webpack");
 const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
-module.exports = {
+export default {
  mode: "development",
  devtool: "source-map",
  entry: [
@@ -29,6 +29,7 @@ module.exports = {
  test: /\.(js|jsx|ts|tsx)$/,
  use: [
  "babel-loader",
+ "ts-loader"
  ],
  include: [
  path.join(__dirname, "src"),

packages/core/webpack.config.dev.js

@@ -2,7 +2,7 @@ var path = require("path");
 var webpack = require("webpack");
 const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
-module.exports = {
+export default {
  mode: "production",
  cache: true,
  context: __dirname + "/src",
@@ -49,6 +49,7 @@ module.exports = {
  test: /\.(js|jsx|ts|tsx)$/,
  use: [
  "babel-loader",
+ "ts-loader"
  ],
  exclude: [
  path.join(__dirname, "node_modules", "core-js"),

packages/core/webpack.config.dist.js

@@ -3,7 +3,7 @@ var webpack = require("webpack");
 var MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
-module.exports = {
+export default {
  mode: "production",
  entry: "./playground/app",
  output: {
@@ -32,6 +32,7 @@ module.exports = {
  test: /\.(js|jsx|ts|tsx)$/,
  use: [
  "babel-loader",
+ "ts-loader"
  ],
  include: [
  path.join(__dirname, "src"),