tutoriel de configuration de l'accès à distance webpack-dev-server

Cet article partage principalement avec vous une méthode de configuration de l'accès à distance webpack-dev-server. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Le webpack-dev-server configuré dans le fichier package.json ci-dessous est en mode développement et est accessible via http://localhost:8080 ou http://127.0.0.1:8080

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

Lorsque l'accès à distance est requis, des modifications doivent être apportées dans package.json

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

Pour le moment, vous pouvez y accéder via http://192.168.10.8:8080 ou http://127.0.0.1:8080, mais http://localhost:8080 n'est pas accessible.

Recommandations associées :

Explication détaillée du serveur webpack-dev utilisant le proxy http pour résoudre les problèmes inter-domaines

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!