Comment définir le mode distant pour webpack-dev-server

Cette fois, je vais vous montrer comment définir le mode distant de webpack-dev-server. Quelles sont les précautions pour définir le mode distant de webpack-dev-server. Ce qui suit est un cas pratique.

Le webpack-dev-server configuré dans le fichier package.json ci-dessous est en mode développement Vous pouvez utiliser http://localhost:8080 ou http://127.0.0.1 : Accès 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" 
 },

À ce stade, il est accessible via http://192.168.10.8:8080 ou http://127.0.0.1:8080 est accessible, mais http://localhost:8080 n'est pas accessible.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment appeler le composant parent dans le sous-composant ES6

plotly . Comment utiliser la bibliothèque de dessins js

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!