webpack-dev-server 원격 액세스 구성 튜토리얼

이 글은 주로 webpack-dev-server 원격 액세스 구성 방법을 공유하며 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

아래 package.json 파일에 구성된 webpack-dev-server는 개발 모드이며 http://localhost:8080 또는 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" 
 },

을 사용하여 액세스할 수 있습니다. 원격 접속이 필요한 경우 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" 
 },

에서 수정이 필요하며, 이때 http://192.168.10.8:8080 또는 http://127.0.0.1:8080을 통해 접속 가능합니다. 하지만 http://localhost:8080에는 접속할 수 없습니다.

관련 권장 사항:

webpack-dev-server는 http-proxy를 사용하여 도메인 간 문제를 자세히 해결합니다

위 내용은 webpack-dev-server 원격 액세스 구성 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!