Webpack: einzelner Bereich für mehrere js-Dateien?

Question

Stellen Sie sich zwei Javascript-Dateien und ein Einstiegspunkt Datei:

app.js:

require(a.js); 
require(b.js); 

a.js:

var a = 4; 

b.js:

var b = a+1; 
console.debug(b); 

Diese funktioniert leider nicht, weil der Kontext von Datei a in Datei b verloren geht, also b.js kennt keine Variable genannt.

Wie kann ich das beheben, dass Webpack mit - ich das gleiche Ergebnis wie

<script src="a.js"></script> 
<script src="b.js"></script> 

mit dem zusätzlichen Effekt der Bündelung durch Webpack einfach erhalten möchten.

Answer 1

Mit ES2015 Module

a.js (was nicht für Sie zur Verfügung stehen, können Sie require stattdessen verwenden):

export var a = 4; 

b.js

import { a } from "./b.js"; 
var b = a+1; 
console.debug(b); 

Webpack ist ein Modul Gebäude/Bündelung System, das durch die Erstellung von UMD (Universal Module) funktioniert von Javascript-Dateien. Sie müssen diese Module importieren/exportieren, damit sie in Reichweite sind.