fix: only import webpack types (#297)

* remove webpack import

* chore: rename _loaderContext

---------

Co-authored-by: Andrew Powell <shellscape@users.noreply.github.com>
Co-authored-by: shellscape <andrew@shellscape.org>

Author: goloveychuk

src/hooks.ts

@@ -170,14 +170,15 @@ interface LegacyModule extends Module {
   userRequest?: any;
 }
 
+
 const normalModuleLoaderHook = (
   { moduleAssets }: { moduleAssets: Record<any, any> },
-  loaderContext: LoaderContext<any>,
+  context: unknown,
   module: LegacyModule
 ) => {
+  const loaderContext = context as LoaderContext<any>;
   const { emitFile } = loaderContext;
 
-  // eslint-disable-next-line no-param-reassign
   loaderContext.emitFile = (file: string, content: string, sourceMap: any) => {
     if (module.userRequest && !moduleAssets[file]) {
       Object.assign(moduleAssets, { [file]: join(dirname(file), basename(module.userRequest)) });

src/index.ts

@@ -1,10 +1,7 @@
 import { relative, resolve } from 'path';
 
 import { SyncHook } from 'tapable';
-import { Compiler, WebpackPluginInstance, Compilation } from 'webpack';
-// @ts-ignore
-import NormalModule from 'webpack/lib/NormalModule';
-
+import type { Compiler, WebpackPluginInstance, Compilation } from 'webpack';
 import { FileDescriptor } from './helpers';
 import { beforeRunHook, emitHook, getCompilerHooks, normalModuleLoaderHook } from './hooks';
 
@@ -71,6 +68,7 @@ class WebpackManifestPlugin implements WebpackPluginInstance {
   }
 
   apply(compiler: Compiler) {
+    const { NormalModule } = compiler.webpack;
     const moduleAssets = {};
     const manifestFileName = resolve(compiler.options.output?.path || './', this.options.fileName);
     const manifestAssetId = relative(compiler.options.output?.path || './', manifestFileName);