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


Posted in Javascript onFebruary 22, 2018

下面的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远程访问配置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript制作坦克大战全纪录(1)
Nov 27 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
JS+CSS实现电子商务网站导航模板效果代码
Sep 10 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
webpack external模块的具体使用
Mar 10 Javascript
nuxt.js中间件实现拦截权限判断的方法
Nov 21 Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
Sep 14 Javascript
通过实例了解JS执行上下文运行原理
Jun 17 Javascript
Vue+Bootstrap实现简易学生管理系统
Feb 09 Vue.js
关于Webpack dev server热加载失败的解决方法
Feb 22 #Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
Feb 22 #Javascript
解决Webpack 热部署检测不到文件变化的问题
Feb 22 #Javascript
webpack-dev-server自动更新页面方法
Feb 22 #Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 #Javascript
实现jquery放大镜的两种方法
Feb 22 #jQuery
JavaScript正则表达式函数总结(常用)
Feb 22 #Javascript
You might like
php若干单维数组遍历方法的比较
2011/09/20 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
PHP开发框架laravel安装与配置教程
2015/03/13 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
PHP实现将标点符号正则替换为空格的方法
2017/08/09 PHP
YII框架模块化处理操作示例
2019/04/26 PHP
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
详解Angular中$cacheFactory缓存的使用
2016/08/19 Javascript
js实现显示手机号码效果
2017/03/09 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
详解webpack-dev-server的简单使用
2018/04/02 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
[01:04:09]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第二场 2月2日
2021/03/11 DOTA
在python的类中动态添加属性与生成对象
2016/09/17 Python
python模拟登录并且保持cookie的方法详解
2017/04/04 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
python 全局变量的import机制介绍
2017/09/07 Python
使用Django和Python创建Json response的方法
2018/03/26 Python
在matplotlib的图中设置中文标签的方法
2018/12/13 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
Django用数据库表反向生成models类知识点详解
2020/03/25 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
如何利用input事件来监听移动端的输入
2016/04/15 HTML / CSS
建筑工程毕业生自我鉴定
2014/01/14 职场文书
教师党员承诺书
2014/03/25 职场文书
集中采购方案
2014/06/10 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
详解前端任务构建利器Gulp.js使用指南
2021/04/30 Javascript