resolving packages entrypoints with a non-standard node_modules about enhanced-resolve

[alexander-akait]

Can you create small github repo and provide structure, I need to undestand strcuture and how you are importing this in code, thank you

[Galcarmi]

Hey @alexander-akait thanks for responding 🙏🏽,
Here's a minimal reproducible example: https://github.com/Galcarmi/WebpackResolvingIssue
I added a detailed readme file

edit: oops, forgot to add the dist folders, fixed it now in the example

[alexander-akait]

@Galcarmi After looking at your code I want to say - your structure is not consistent, top level packages have one logic, inner packages have another, anyway there is an example how you can solve it:

class CustomResolverPlugin {
  _isAbsoluteOrRelativePath(request) {
    return request.startsWith("/") || request.startsWith("./") || request.startsWith("..");
  }

  apply(resolver) {
    const source = resolver.ensureHook("raw-module");
    const target = resolver.ensureHook("undescribed-resolve-in-package");

    resolver
      .getHook(source)
      .tapAsync("NpmResolverPlugin", (resolveRequest, resolveContext, callback) => {
        const { request } = resolveRequest;

        if (this._isAbsoluteOrRelativePath(request)) {
          callback();

          return;
        }

          const packageMatch = /^(@[^/]+\/)?[^/]+/.exec(request);
          if (!packageMatch) return callback();
          const packageName = packageMatch[0];
          const innerInternalRequest = request.slice(packageName.length);

          const innerRequest = innerInternalRequest.length === 0 ? `.${innerInternalRequest}` : ".";

        try {
            const modulePath = path.join(__dirname, 'external_modules', 'current_version_start', packageName, 'current_version_end', packageName, innerInternalRequest);


            const obj = {
                ...resolveRequest,
                path: modulePath,
                fullySpecified: request.fullySpecified && innerRequest !== ".",
                request: innerRequest,
                module: false
            };

            resolver.doResolve(target, obj, null, resolveContext, callback);
        } catch {
          callback();
        }
      });
  }
}

Note - it is just an example, some things are missing - you need to use this logic https://github.com/webpack/enhanced-resolve/blob/main/lib/ModulesInHierarchicalDirectoriesPlugin.js#L49 and check is it directory, if not - add missing dependecies, otherwise in the watch mode if you add a new package, watcher will not triggered

[Galcarmi]

@alexander-akait thanks 🙏🏽🙏🏽🙏🏽 i'll try it