webpack-dev-server远程访问配置方法

更新时间：2018年02月22日 16:38:46 作者：忙碌的布谷鸟

下面小编就为大家分享一篇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远程访问配置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

利用ECharts.js画K线图的方法示例
这篇文章主要给大家介绍了关于利用ECharts.js画K线图的相关资料,，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2018-01-01
微信小程序实现简单评论功能
这篇文章主要为大家详细介绍了微信小程序实现简单评论功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
SwfUpload在IE10上不出现上传按钮的解决方法
在测试中发现使用了SwfUpload实现的无刷新上传功能，在IE10上竟然无法使用了，难道SwfUpload不支持吗？下面与大家分享下通过修改SwfUplad.JS文件让其支持ie10
2013-06-06
初探js和简单隐藏效果的实例
下面小编就为大家分享一篇初探js和简单隐藏效果的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2017-11-11
script标签中的defer和async使用技巧说明
这篇文章主要介绍了script标签中的defer和async使用技巧,包含他们的下载顺序和执行顺序，以及使用场景需要的朋友可以参考下
2023-02-02
Bootstrap fileinput文件上传预览插件使用详解
这篇文章主要为大家详细介绍了Bootstrap fileinput文件上传预览插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
javascript ready和load事件的区别示例介绍
ready是在DOM加载完成就触发；load是在加载完所有页面内容才会触发，下为大家简要介绍下，不知道的朋友可以参考下
2013-08-08
JavaScript中的toString()和toLocaleString()方法的区别
本文给大家介绍JavaScript中的toString()和toLocaleString()方法的区别,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-02-02
微信小程序开发之实现自定义Toast弹框
Toast相信对于利用微信小程序开发的朋友们来说都不陌生，有时候官方的样式并不能满足业务要求，怎么办呢，当然有解决办法了。有一个插件可以直接帮我们完成WeToast，这篇文章主要给大家介绍了微信小程序开发之实现自定义Toast弹框的相关资料，需要的朋友可以参考下。
2017-06-06
Javascript Cookie读写删除操作的函数
Javascript Cookie读写删除操作的函数代码，需要操作cookies的朋友可以参考下。
2010-03-03