Tutorial zur Webpack-Dev-Server-Remotezugriffskonfiguration

Dieser Artikel stellt Ihnen hauptsächlich eine Methode zur Konfiguration des Webpack-Dev-Servers für den Fernzugriff vor. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Der in der Datei package.json unten konfigurierte Webpack-Dev-Server befindet sich im Entwicklungsmodus und kann über http://localhost:8080 oder http://127.0.0.1:8080 aufgerufen werden

"scripts": { 
  "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 
  "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules" 
 },

Wenn Fernzugriff erforderlich ist, müssen Änderungen in package.json

vorgenommen werden

"scripts": { 
  "dev": "webpack-dev-server --host 10.30.1.102 --devtool eval --progress --colors --hot --content-base build", 
  "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules" 
 },

Derzeit können Sie über http://192.168.10.8:8080 oder http://127.0.0.1:8080 darauf zugreifen, aber auf http://localhost:8080 kann nicht zugegriffen werden.

Verwandte Empfehlungen:

Detaillierte Erläuterung des Webpack-Dev-Servers, der http-Proxy verwendet, um domänenübergreifende Probleme zu lösen

Das obige ist der detaillierte Inhalt vonTutorial zur Webpack-Dev-Server-Remotezugriffskonfiguration. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!