Exklusive Webpack-Externals mit Bibliothekskomponenten / -fragmenten

Webpack war uns beim Schreiben von isomorphem Javascript und beim Austauschen von npm -Paketen für Browser-Globals sehr nützlich.

Also, wenn ich das Paket node-fetch npm auf Node.js verwenden, aber beim Bündeln ausschließen und einfach den systemeigenen Browser fetch global verwenden möchte, kann ich es einfach in meinem webpack.config.js : %Vor%

Und dann benötigt mein CommonJS const fetch = require('node-fetch') wird in const fetch = window.fetch (oder was auch immer es tut) transpiliert.

So weit, so gut. Hier ist meine Frage: Das ist einfach genug, wenn Sie ganze Module benötigen, aber was ist, wenn ich ein Submodul / eine individuelle Eigenschaft eines exportierten Moduls benötigen muss?

Sagen wir zum Beispiel, ich möchte den WhatWG URL-Standard isomorph verwenden. Ich könnte das urlutils npm -Modul verwenden, welches module.exports die gesamte URL-Klasse, also sehen meine Anforderungen folgendermaßen aus:

Und dann kann ich urlutils in meinem externals Abschnitt auflisten, kein Problem. Aber in dem Moment, in dem ich ein neueres (und mehr unterstütztes) npm -Paket, sagen wir, whatwg-url , verwenden möchte, weiß ich nicht, wie man es webpackt, da meine Anforderungen wie aussehen:

Wie sage ich Webpack, das Vorkommen von require('whatwg-url').URL durch den globalen Browser URL ? zu ersetzen?