webpack-dev-server遠(yuǎn)程訪問(wèn)配置方法
下面的package.json文件中配置的webpack-dev-server為開(kāi)發(fā)模式,可以使用http://localhost:8080或http://127.0.0.1:8080進(jìn)行訪問(wèn)
"scripts": { "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", "build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules" },
當(dāng)需要遠(yuǎn)程訪問(wèn)時(shí),需要在package.json中進(jìn)行修改
"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" },
此時(shí),可以通過(guò)http://192.168.10.8:8080或http://127.0.0.1:8080這種形式進(jìn)行訪問(wèn),但是http://localhost:8080無(wú)法進(jìn)行訪問(wèn)。
以上這篇webpack-dev-server遠(yuǎn)程訪問(wèn)配置方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Bootstrap基本樣式學(xué)習(xí)筆記之按鈕(4)
篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之按鈕基本樣式的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12基于Day.js更優(yōu)雅的處理JavaScript中的日期
Day.js它能夠幫助我們處理JavaScript中的日期,本文就詳細(xì)的介紹一下Day.js的具體使用,可以更簡(jiǎn)單的處理JavaScript中的日期和時(shí)間2021-09-09JS簡(jiǎn)單封裝的圖片無(wú)縫滾動(dòng)效果示例【測(cè)試可用】
這篇文章主要介紹了JS簡(jiǎn)單封裝的圖片無(wú)縫滾動(dòng)效果,結(jié)合完整實(shí)例形式分析了javascript針對(duì)圖片無(wú)縫滾動(dòng)功能實(shí)現(xiàn)的具體操作技巧,包括鼠標(biāo)事件響應(yīng)、事件函數(shù)及頁(yè)面元素屬性動(dòng)態(tài)變換等相關(guān)操作技巧,需要的朋友可以參考下2017-03-03bootstrap配合Masonry插件實(shí)現(xiàn)瀑布式布局
這篇文章主要為大家詳細(xì)介紹了bootstrap配合Masonry插件實(shí)現(xiàn)瀑布式布局,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01JS版獲取字符串真實(shí)長(zhǎng)度和取固定長(zhǎng)度的字符串函數(shù)
JS版獲取字符串真實(shí)長(zhǎng)度和取固定長(zhǎng)度的字符串函數(shù)...2007-04-04經(jīng)典的間隔時(shí)間滾動(dòng)新聞(圖片),可控制滾動(dòng)
經(jīng)典的間隔時(shí)間滾動(dòng)新聞(圖片),可控制滾動(dòng) 其實(shí)這個(gè)也挺多網(wǎng)站用到的,簡(jiǎn)單又實(shí)用。(2010-05-05JavaScript組成、引入、輸出、運(yùn)算符基礎(chǔ)知識(shí)講解
JavaScript 被數(shù)百萬(wàn)計(jì)的網(wǎng)頁(yè)用來(lái)改進(jìn)設(shè)計(jì)、驗(yàn)證表單、檢測(cè)瀏覽器、創(chuàng)建cookies,以及更多的應(yīng)用。這篇文章主要介紹了JavaScript組成、引入、輸出、運(yùn)算符基礎(chǔ)知識(shí)講解,需要的朋友可以參考下2016-12-12