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远程访问配置方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了js实现简易拖拽的示例，帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下2020-10-10
篇文章主要介绍了Bootstrap学习笔记之按钮基本样式的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
网站接入QQ登录，首先引入授权js文件，这个需要提交申请的，通过之后按照下面的步骤进行操作就可以了2014-07-07
Day.js它能够帮助我们处理JavaScript中的日期，本文就详细的介绍一下Day.js的具体使用，可以更简单的处理JavaScript中的日期和时间2021-09-09
这篇文章主要介绍了JS简单封装的图片无缝滚动效果,结合完整实例形式分析了javascript针对图片无缝滚动功能实现的具体操作技巧,包括鼠标事件响应、事件函数及页面元素属性动态变换等相关操作技巧,需要的朋友可以参考下2017-03-03
js中几种去掉字串左右空格的方法...2006-12-12
这篇文章主要为大家详细介绍了bootstrap配合Masonry插件实现瀑布式布局，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
JS版获取字符串真实长度和取固定长度的字符串函数...2007-04-04
经典的间隔时间滚动新闻（图片），可控制滚动 其实这个也挺多网站用到的，简单又实用。(2010-05-05
JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。这篇文章主要介绍了JavaScript组成、引入、输出、运算符基础知识讲解,需要的朋友可以参考下2016-12-12
最新评论