首頁  >  文章  >  web前端  >  webpack-dev-server怎麼設定遠端模式

webpack-dev-server怎麼設定遠端模式

php中世界最好的语言
php中世界最好的语言原創
2018-03-17 14:40:321720瀏覽

這次帶給大家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" 
 },

此時,可以透過http://192.168.10.8:8080或http://127.0.0.1:8080這種形式進行訪問,但是http://localhost:8080無法進行訪問。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

在ES6子元件怎麼呼叫父元件

plotly. js 繪圖庫如何使用

以上是webpack-dev-server怎麼設定遠端模式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn