Maison  >  Article  >  interface Web  >  Comment définir le mode distant pour webpack-dev-server

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

php中世界最好的语言
php中世界最好的语言original
2018-03-17 14:40:321674parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn