Copied webpack 5 types into plugins.temp.types.ts (#70)

Assigned them as it should be from webpack. Kept legacy code in place (should depreciate)
dividab · Mar 15, 2021 · 463cef3 · 463cef3
1 parent c362181
commit 463cef3
Show file tree

Hide file tree

Showing 5 changed files with 582 additions and 41 deletions.
diff --git a/package.json b/package.json
@@ -14,19 +14,19 @@
   },
   "devDependencies": {
     "@types/jest": "^26.0.20",
-    "@types/node": "^14.14.33",
+    "@types/node": "^14.14.34",
     "husky": "^5.1.3",
     "jest": "^26.6.3",
     "jest-mock-process": "^1.4.0",
     "lint-staged": "^10.5.4",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.2",
     "ts-jest": "^26.5.3",
-    "ts-loader": "^8.0.17",
+    "ts-loader": "^8.0.18",
     "tslint": "^5.20.1",
     "tslint-immutable": "^6.0.1",
     "typescript": "^4.2.3",
-    "webpack": "^5.24.4",
+    "webpack": "^5.25.1",
     "webpack-cli": "^4.5.0"
   },
   "scripts": {

diff --git a/src/__tests__/plugins.spec.ts b/src/__tests__/plugins.spec.ts
@@ -7,7 +7,7 @@ describe(`TsconfigPathsPlugin`, () => {
   const SETTINGS: Configuration = {
     mode: "development",
     context: path.resolve(__dirname, "src"),
-    entry: `../../../example/src/index.ts`,
+    entry: `${__dirname}/../../example/src/index.ts`,
     output: {
       path: path.join(__dirname, "../../temp"),
       filename: "bundle.js",
@@ -38,7 +38,7 @@ describe(`TsconfigPathsPlugin`, () => {
     });
     expect(testPlugin).toBeInstanceOf(TsconfigPathsPlugin);
 
-    const testSettings: webpack.Configuration = {
+    const testSettings: Configuration = {
       ...SETTINGS,
       resolve: {
         extensions: [".ts", ".tsx", ".js"],
@@ -60,4 +60,61 @@ describe(`TsconfigPathsPlugin`, () => {
       done();
     });
   });
+
+  it(`Test to ensure Apply exists and is working`, async (done) => {
+    const webpackSettings: Configuration = {
+      entry: `${__dirname}/../../example/src/index.ts`,
+      target: "web",
+      output: {
+        path: path.join(__dirname, "../../temp"),
+        filename: "[name].js",
+      },
+      mode: "development",
+      resolve: {
+        extensions: [
+          ".ts",
+          ".tsx",
+          ".js",
+          ".jsx",
+          "ttf",
+          "eot",
+          "otf",
+          "svg",
+          "png",
+          "woff",
+          "woff2",
+        ],
+        plugins: [
+          new TsconfigPathsPlugin({
+            configFile: `${__dirname}/../../example/tsconfig.json`,
+          }),
+        ],
+      },
+      module: {
+        rules: [],
+      },
+    };
+    // Build compiler
+    const compiler = webpack(webpackSettings);
+    const pluginInstance = compiler?.options?.resolve?.plugins?.find(
+      (plugin) => plugin instanceof TsconfigPathsPlugin
+    );
+    if (!pluginInstance) {
+      return done(`TsconfigPathsPlugin not loaded in webpack settings`);
+    }
+    expect(pluginInstance instanceof TsconfigPathsPlugin).toBeTruthy();
+    expect((pluginInstance as TsconfigPathsPlugin).apply).toBeDefined();
+
+    // Run compiler
+    compiler.run((err, stats) => {
+      if (err) {
+        done(err);
+        return;
+      }
+      expect(stats).toBeDefined();
+      const details = stats?.toJson();
+      expect(details?.errorsCount).toEqual(0);
+      done();
+    });
+  });
 });