在webpack-dev-server中实现远程访问配置方法

下面我就为大家分享一篇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" 
 },

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

在angularjs中使用select 赋值 ng-options配置方法该怎么做？

在AngularJS中使用select加载数据选中默认值的方法该怎么处理？

在vue-cli中使用vue-router搭建底部导航栏（详细教程）

以上就是在webpack-dev-server中实现远程访问配置方法的详细内容，更多请关注其它相关文章！