在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中實作遠端存取配置方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！