erfordern ein Modul mit Webpack

Question

Ich benutze Webpack, um mein Javascript meiner Website zu bauen.

Alles funktioniert perfekt, aber ich würde gerne fordern in eine Vorlage (dynamisch hinzugefügt).

Ich möchte in der Lage sein, ein Modul nach dem Build erfordern. (require ist nicht im globalen Kontext definiert).

Ist es möglich?

Thx

Answer 1

Eine Option, die jetzt zur Verfügung steht ist ein context zu schaffen, die Sie global auf window aussetzen. Ich habe Erfolg hat folgende Schnipsel mit:

// Create a `require` function in the global scope so that scripts that have 
// not been webpack'd yet can still access them. 
window["require"] = function (module) { 
    return require("./public_modules/" + module + ".js"); 
} 

Im Grunde, was Sie tun, ist, einen Ordner zu webpack Belichtungs- und erzählt es in diesem Ordner in einen Klumpen all Dateien zu packen. Sie können dann var moduleName = require("module-name") außerhalb eines Webpack-Skripts eingeben.

Solange das obige Snippet innerhalb einer Datei liegt, die gebündelt und ausgewertet wird, haben Sie eine Funktion definiert auf window (zufälligerweise genannt "erfordern", aber Sie können es nennen), die webpack required Funktionalität benötigen.