Use webpack+ts-loader instead of babel (#82)

Author: pepakriz

.babelrc

@@ -4,10 +4,10 @@
 	"license": "MIT",
 	"scripts": {
 		"postinstall": "yarn run generate",
-		"dev": "nodemon --watch 'src/**/*.*' --exec babel-node --extensions '.ts' src/index.ts",
+		"dev": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack-config.json\" NODE_ENV=development webpack --watch",
 		"start": "node lib",
 		"generate": "graphql-codegen",
-		"build": "babel src --out-dir lib --extensions '.ts'",
+		"build": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack-config.json\" NODE_ENV=production webpack",
 		"build-docker-image": "docker build -t pepakriz/gitlab-merger-bot:latest .",
 		"build-bin": "pkg -t node10-alpine-x64 lib/index.js --output ./gitlab-merger-bot",
 		"check": "yarn run check:cs && yarn run check:types && yarn run check:tests",
@@ -24,19 +24,11 @@
 		"env-var": "^6.0.4",
 		"express": "^4.17.1",
 		"fast-deep-equal": "^3.1.1",
-		"graphql-import": "^1.0.1",
 		"node-fetch": "^2.3.0",
 		"serve-static": "^1.14.1",
 		"uuid": "^7.0.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.8.4",
-		"@babel/core": "^7.8.7",
-		"@babel/node": "^7.8.7",
-		"@babel/plugin-proposal-class-properties": "^7.8.3",
-		"@babel/plugin-proposal-object-rest-spread": "^7.8.3",
-		"@babel/preset-env": "^7.8.7",
-		"@babel/preset-typescript": "^7.8.3",
 		"@graphql-codegen/cli": "^1.13.2",
 		"@graphql-codegen/core": "^1.13.2",
 		"@graphql-codegen/typescript": "^1.13.2",
@@ -47,15 +39,24 @@
 		"@types/node": "^13.7.7",
 		"@types/node-fetch": "^2.5.5",
 		"@types/uuid": "^7.0.2",
+		"@types/webpack": "^4.41.10",
+		"@types/webpack-node-externals": "^1.7.1",
+		"cross-env": "^7.0.2",
 		"husky": "^4.2.3",
 		"jest": "^25.1.0",
 		"nodemon": "^2.0.2",
+		"nodemon-webpack-plugin": "^4.3.1",
 		"pkg": "^4.4.4",
 		"prettier": "^2.0.4",
 		"pretty-quick": "^2.0.1",
 		"ts-jest": "^25.2.1",
+		"ts-loader": "^6.2.2",
 		"ts-node": "^8.6.2",
-		"typescript": "^3.8.3"
+		"typescript": "^3.8.3",
+		"webpack": "^4.42.1",
+		"webpack-cli": "^3.3.11",
+		"webpack-graphql-loader": "^1.0.2",
+		"webpack-node-externals": "^1.7.2"
 	},
 	"jest": {
 		"moduleFileExtensions": [

package.json

@@ -10,10 +10,12 @@ import { ApolloServer, gql } from 'apollo-server-express';
 import { PubSub } from 'apollo-server';
 import http from 'http';
 import { AppEvent } from './Types';
-import { importSchema } from 'graphql-import';
 import { Resolvers } from './generated/graphqlgen';
 import { Config } from './Config';
 
+// @ts-ignore
+import typeDefs from '../schema.graphql';
+
 interface MergeRequestAssignee {
 	username: string;
 }
@@ -204,7 +206,6 @@ export class WebHookServer {
 				},
 			};
 
-			const typeDefs = importSchema(path.join(process.cwd(), 'schema.graphql'));
 			const server = new ApolloServer({
 				typeDefs,
 				resolvers,

src/WebHookServer.ts

@@ -12,5 +12,5 @@
 			"*": ["node_modules/*", "src/types/*"]
 		}
 	},
-	"include": ["src/**/*"]
+	"include": ["src/**/*", "schema.graphql"]
 }

tsconfig.json

@@ -0,0 +1,8 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"target": "es2019",
+		"esModuleInterop": true,
+		"resolveJsonModule": true
+	}
+}

tsconfig.webpack-config.json

@@ -0,0 +1,58 @@
+import path from 'path';
+
+import webpack, { Configuration } from 'webpack';
+import nodeExternals from 'webpack-node-externals';
+import NodemonPlugin from 'nodemon-webpack-plugin';
+
+const plugins = [new webpack.EnvironmentPlugin({ WEBPACK: true })];
+
+if (process.env.NODE_ENV !== 'production') {
+	plugins.push(new NodemonPlugin());
+}
+
+const config: Configuration = {
+	mode: process.env.NODE_ENV !== 'production' ? 'development' : 'development',
+	entry: './src/index.ts',
+	target: 'node',
+	externals: [nodeExternals()],
+	devtool: process.env.NODE_ENV !== 'production' ? 'cheap-module-eval-source-map' : 'source-map',
+	module: {
+		rules: [
+			{
+				test: /\.tsx?$/,
+				use: 'ts-loader',
+				exclude: /node_modules/,
+			},
+			{
+				test: /\.mjs$/,
+				include: /node_modules/,
+				type: 'javascript/auto',
+			},
+			{
+				test: /\.graphql?$/,
+				use: [
+					{
+						loader: 'webpack-graphql-loader',
+						options: {
+							// validate: true,
+							// schema: "./path/to/schema.json",
+							// removeUnusedFragments: true
+							// etc. See "Loader Options" below
+						},
+					},
+				],
+			},
+		],
+	},
+	resolve: {
+		extensions: ['.tsx', '.ts', '.mjs', '.js'],
+	},
+	output: {
+		libraryTarget: 'commonjs',
+		filename: 'index.js',
+		path: path.resolve(__dirname, 'lib'),
+	},
+	plugins,
+};
+
+module.exports = config;