Maison  >  Article  >  interface Web  >  tutoriel de configuration de l'accès à distance webpack-dev-server

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

小云云
小云云original
2018-02-23 09:17:021546parcourir

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!

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