脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → webpack-dev-server远程访问配置

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

您可能感兴趣的文章:

相关文章

  • JavaScript中URL编码函数代码

    JavaScript中URL编码函数代码

    JavaScript中存在几种对URL字符串进行编码的方法：escape()，encodeURI()，以及encodeURIComponent()。这几种编码所起的作用各不相同。
    2011-01-01
  • JS实现简单的拖拽效果

    JS实现简单的拖拽效果

    拖拽是前端实现中比较常用的一种效果, HTML5 提供了较为强大的拖拽 API 支持,今天我们来实现一个简单的拖拽效果,需要的朋友可以参考下
    2023-09-09
  • js控制输入框获得和失去焦点时状态显示的方法

    js控制输入框获得和失去焦点时状态显示的方法

    这篇文章主要介绍了js控制输入框获得和失去焦点时状态显示的方法,可实现判断输入框的焦点状态设置不同样式的功能,是非常实用的技巧,需要的朋友可以参考下
    2015-01-01
  • 微信小程序之裁剪图片成圆形的实现代码

    微信小程序之裁剪图片成圆形的实现代码

    最近在开发小程序，产品经理提了一个需求，要求微信小程序换头像，用户剪裁图片必须是圆形。这篇文章主要介绍了微信小程序之裁剪图片成圆形 ,需要的朋友可以参考下
    2018-10-10
  • javascript的alert box在java中如何显示多行

    javascript的alert box在java中如何显示多行

    这篇文章主要介绍了javascript的alert box在java中如何显示多行,需要的朋友可以参考下
    2014-05-05
  • JavaScript中创建对象的模式汇总

    JavaScript中创建对象的模式汇总

    本文给大家js创建对象的模式包括对象字面量，工厂模式，构造函数模式，原型模式，结合构造函数和原型模式，原型动态模式 ，感兴趣的朋友参考下
    2016-04-04
  • 如何使用pm2快速将项目部署到远程服务器

    如何使用pm2快速将项目部署到远程服务器

    这篇文章主要介绍了如何使用pm2快速将项目部署到远程服务器，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • JS 日期比较大小的简单实例

    JS 日期比较大小的简单实例

    本篇文章主要是对JS日期比较大小的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-01-01
  • 最简单的JS实现json转csv的方法

    最简单的JS实现json转csv的方法

    这篇文章主要介绍了最简单的JS实现json转csv的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01
  • JavaScript闭包与作用域链实例分析

    JavaScript闭包与作用域链实例分析

    这篇文章主要介绍了JavaScript闭包与作用域链,结合实例形式分析了javascript闭包的具体概念、功能、并对比作用域链分析了闭包的相关使用技巧与注意事项,需要的朋友可以参考下
    2019-01-01

最新评论