FIX transpile workers via babel to have the same config as the root project

Author: pubkey

babel.config.js

@@ -70,6 +70,7 @@ if (process.env['NODE_ENV'] === 'es5') {
         [
             '@babel/typescript',
             {
+                loose: true,
                 targets: {
                     edge: '17',
                     firefox: '60',

orga/performance-trackings.md

@@ -819,7 +819,12 @@ https://www.npmjs.com/package/babel-plugin-transform-async-to-promises
 
 BEFORE:
 
+core:
 Build-Size (minified+gzip):
 75489
 
 AFTER:
+
+core: 
+Build-Size (minified+gzip):
+70723

package.json

@@ -168,6 +168,7 @@
     "@typescript-eslint/parser": "4.33.0",
     "assert": "2.0.0",
     "async-test-util": "1.7.3",
+    "babel-loader": "8.2.3",
     "babel-plugin-transform-class-properties": "6.24.1",
     "brfs": "2.0.2",
     "browserify": "17.0.0",

src/plugins/worker/workers/tsconfig.json

@@ -9,6 +9,12 @@
         "moduleResolution": "node",
         "target": "es2017",
         "noEmit": false,
+
+        /**
+         * @link https://spblog.net/post/2018/10/26/TypeScript-Tips-How-to-reduce-the-size-of-a-bundle
+         */
+         "importHelpers": true,
+
         "lib": [
             "es2017",
             "webworker"

src/plugins/worker/workers/webpack.config.js

@@ -6,6 +6,7 @@ const projectRootPath = path.resolve(
     '../../../../'
 );
 
+const babelConfig = require('../../../../babel.config');
 module.exports = {
     entry: {
         'lokijs-incremental-indexeddb': './src/plugins/worker/workers/lokijs-incremental-indexeddb.worker.ts',
@@ -17,6 +18,7 @@ module.exports = {
     },
     output: {
         filename: '[name].worker.js',
+        clean: true,
         path: path.resolve(
             projectRootPath,
             'dist/workers'
@@ -34,15 +36,19 @@ module.exports = {
     devtool: 'source-map',
     module: {
         rules: [
+            /**
+             * We transpile the typscript via babel instead of ts-loader.
+             * This ensures we have the exact same babel config
+             * as the root RxDB project.
+             */
             {
                 test: /\.tsx?$/,
+                exclude: /(node_modules)/,
                 use: {
-                    loader: 'ts-loader',
-                    options: {
-                        transpileOnly: true
-                    }
+                    loader: 'babel-loader',
+                    options: babelConfig
                 }
-            },
+            }
         ],
     },
     resolve: {

tsconfig.json

@@ -19,6 +19,11 @@
         "noEmit": true,
         "declaration": true,
 
+        /**
+         * @link https://spblog.net/post/2018/10/26/TypeScript-Tips-How-to-reduce-the-size-of-a-bundle
+         */
+        "importHelpers": true,
+
         "typeRoots": [
             "./src/types/modules"
         ]