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(js)设置默认输入焦点(focus)
Dec 28 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
Nov 19 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
js+css实现的简单易用兼容好的分页
Dec 30 Javascript
JavaScript常用标签和方法总结
Sep 01 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
jQuery设置Easyui校验规则(推荐)
Nov 21 Javascript
重新理解JavaScript的六种继承方式
Mar 24 Javascript
JavaScript之map reduce_动力节点Java学院整理
Jun 29 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
jquery插件实现图片悬浮
Apr 16 jQuery
关于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通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
简单实用的PHP防注入类实例
2014/12/05 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
PHP实现的策略模式简单示例
2017/08/25 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
2012/02/27 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
JS本地刷新返回上一页代码
2016/07/25 Javascript
教你如何在Node.js中使用jQuery
2016/08/28 Javascript
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
浅谈 Vue 项目优化的方法
2017/12/16 Javascript
Vue.js图片预览插件使用详解
2018/08/27 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
详解Python开发中如何使用Hook技巧
2017/11/01 Python
对pandas的层次索引与取值的新方法详解
2018/11/06 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
Python 实现Numpy中找出array中最大值所对应的行和列
2019/11/26 Python
基于pandas中expand的作用详解
2019/12/17 Python
将python依赖包打包成window下可执行文件bat方式
2019/12/26 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
python初步实现word2vec操作
2020/06/09 Python
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
工商管理毕业生推荐信
2013/12/24 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
2014年小学体育工作总结
2014/12/11 职场文书
学术会议通知
2015/04/15 职场文书
2015秋季幼儿园开学通知
2015/07/16 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
SpringBoot整合Minio文件存储
2022/04/03 Java/Android
分析SQL窗口函数之取值窗口函数
2022/04/21 Oracle