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如何远程访问”这篇文章对大家有帮助,同时也希望大家多多支持创新互联成都网站设计公司,关注创新互联成都网站设计公司行业资讯频道,更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、网站设计器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:webpack-dev-server如何远程访问-创新互联
分享链接:http://myzitong.com/article/dshssh.html