webpack-dev-server遠程訪問配置方法
更新時間：2018年02月22日 16:38:46 作者：忙碌的布谷鳥
下面小編就為大家分享一篇webpack-dev-server遠程訪問配置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
下面的package.json文件中配置的webpack-dev-server為開發(fā)模式，可以使用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遠程訪問配置方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中存在幾種對URL字符串進行編碼的方法：escape()，encodeURI()，以及encodeURIComponent()。這幾種編碼所起的作用各不相同。2011-01-01
拖拽是前端實現(xiàn)中比較常用的一種效果, HTML5 提供了較為強大的拖拽 API 支持,今天我們來實現(xiàn)一個簡單的拖拽效果,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了js控制輸入框獲得和失去焦點時狀態(tài)顯示的方法,可實現(xiàn)判斷輸入框的焦點狀態(tài)設(shè)置不同樣式的功能,是非常實用的技巧,需要的朋友可以參考下2015-01-01
最近在開發(fā)小程序，產(chǎn)品經(jīng)理提了一個需求，要求微信小程序換頭像，用戶剪裁圖片必須是圓形。這篇文章主要介紹了微信小程序之裁剪圖片成圓形 ,需要的朋友可以參考下2018-10-10
javascript的alert box在java中如何顯示多行
這篇文章主要介紹了javascript的alert box在java中如何顯示多行,需要的朋友可以參考下2014-05-05
本文給大家js創(chuàng)建對象的模式包括對象字面量，工廠模式，構(gòu)造函數(shù)模式，原型模式，結(jié)合構(gòu)造函數(shù)和原型模式，原型動態(tài)模式 ，感興趣的朋友參考下2016-04-04
這篇文章主要介紹了如何使用pm2快速將項目部署到遠程服務(wù)器，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
本篇文章主要是對JS日期比較大小的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
最簡單的JS實現(xiàn)json轉(zhuǎn)csv的方法
這篇文章主要介紹了最簡單的JS實現(xiàn)json轉(zhuǎn)csv的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
這篇文章主要介紹了JavaScript閉包與作用域鏈,結(jié)合實例形式分析了javascript閉包的具體概念、功能、并對比作用域鏈分析了閉包的相關(guān)使用技巧與注意事項,需要的朋友可以參考下2019-01-01