upgrade ts-loader example

examples/ts-loader/test.sh

@@ -0,0 +1,3 @@
+diff ./happy/main.js ./vanilla/main.js
+
+grep "success" ./happy/main.js

examples/ts-loader/versions/4/happy/webpack.config.js

@@ -0,0 +1,48 @@
+const path = require('path');
+const e = require('@happypack/example-utils');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const { HappyPack } = e;
+
+module.exports = ({
+  context: path.resolve(__dirname), // to automatically find tsconfig.json
+  entry: e.resolve(module, 'src/index.ts'),
+  output: {
+    path: e.outputDir(module),
+    filename: '[name].js'
+  },
+  mode: 'development',
+  devtool: false,
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        include: [
+          e.resolve(module, 'src'),
+        ],
+        use: `${e.happyLoader}?id=ts`
+      }
+    ]
+  },
+  resolve: {
+    extensions: [ '.ts', '.tsx', 'js']
+  },
+  plugins: [
+    new HappyPack({
+      id: 'ts',
+      threads: 2,
+      rules: [
+        {
+          path: 'ts-loader',
+          query: {
+            happyPackMode: true,
+            configFile: e.resolve(module, 'tsconfig.json')
+          }
+        }
+      ]
+    }),
+    new ForkTsCheckerWebpackPlugin({
+      tsconfig: e.resolve(module, 'tsconfig.json')
+    })
+  ]
+});

examples/ts-loader/versions/4/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@happypack-examples/ts-loader--webpack-4",
+  "private": true,
+  "dependencies": {
+    "fork-ts-checker-webpack-plugin": "0.4.0",
+    "ts-loader": "4.0.1",
+    "typescript": "2.7.2"
+  }
+}

examples/ts-loader/versions/4/vanilla/webpack.config.js

@@ -0,0 +1,38 @@
+const path = require('path');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const e = require('@happypack/example-utils');
+
+module.exports = ({
+  context: path.resolve(__dirname), // to automatically find tsconfig.json
+  entry: e.resolve(module, 'src/index.ts'),
+  output: {
+    path: e.outputDir(module),
+    filename: '[name].js'
+  },
+  mode: 'development',
+  devtool: false,
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        include: [
+          e.resolve(module, 'src'),
+        ],
+        loader: 'ts-loader',
+        options: {
+          happyPackMode: true,
+          configFile: e.resolve(module, 'tsconfig.json')
+        }
+      }
+    ]
+  },
+  resolve: {
+    extensions: [ '.ts', '.tsx', 'js']
+  },
+  plugins: [
+    new ForkTsCheckerWebpackPlugin({
+      tsconfig: e.resolve(module, 'tsconfig.json')
+    })
+  ]
+});