So legen Sie den Remote-Modus für den Webpack-Dev-Server fest

Dieses Mal zeige ich Ihnen, wie Sie den Remote-Modus des Webpack-Dev-Servers einstellen. Was sind die Vorsichtsmaßnahmen zum Einstellen des Remote-Modus des Webpack-Dev-Servers? Das Folgende ist ein praktischer Fall.

Der im Paket konfigurierte Webpack-Dev-Serverjson befindet sich im Entwicklungsmodus. Sie können http://localhost:8080 oder http://127.0.0.1 verwenden. 8080-Zugriff

"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 ein 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" 
 },

Zu diesem Zeitpunkt kann darauf zugegriffen werden Auf http://192.168.10.8:8080 oder http://127.0.0.1:8080 kann zugegriffen werden, auf http://localhost:8080 kann jedoch nicht zugegriffen werden.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So rufen Sie die übergeordnete Komponente in der ES6-Unterkomponente auf

plotly . So verwenden Sie die js-Zeichenbibliothek

Das obige ist der detaillierte Inhalt vonSo legen Sie den Remote-Modus für den Webpack-Dev-Server fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!