browser sync 檔案監聽失敗的解決方案

2021-08-05 20:00:20 字數 1084 閱讀 2726

為了方便實時預覽前端開發過程中修改原始碼後的頁面,我在全球最大的同**友網github中找到了乙個非常實用的工具,browser-sync

安裝使用方式請自行到官網參考文件,倉庫位址在這裡

getstart中官網給出的cli示例命令為:

browser

-sync

start--

server--

files

"css/*

.css"

,

"devdependencies": ,

...}

接著執行npm run dev,控制台輸出一切正常。

然而,當我修改css/style.css這個檔案的時候,發現瀏覽器並沒有重新整理,這說明 browser-sync 並未成功監聽css/*.css檔案的修改。

為此,我翻了一遍browser-sync的issue,發現有人遇到相同的問題,也給出了解決方案。

問題出在命令列引數上,仔細對比,我們也會發現:

browser

-sync

start--

server--

files

'css/*

.css'

browser

-sync

start--

server--

files

"css/*

.css"

問題就出在分號的不同上(browser-sync沒能解析單引號的內容)

因此,我將npm命令中的'替換為\"即可解決問題。更改後的package.json內容如下:

,

"devdependencies": ,

...}

browser sync的安裝使用

作用 更改 之後自動重新整理瀏覽器 安裝 browser sync是基於npm的,首先要安裝npm,再通過npm在命令列裡進行安裝,安裝 如下 需要使用npm進行全域性安裝 npm install browser sync g g表示安裝到全域性 或者 npm install g browser s...

browsersync安裝與使用

browsersync 瀏覽器同步測試工具 深受廣大程式設計愛好者的喜愛。下面說說安裝和使用方法 第一步 安裝node.js。安裝後需要看一下是否已經安裝成功 按鍵盤win r,輸入cmd,回車,輸入node v 第二步 安裝browsersync 瀏覽器同步測試工具 win r,輸入cmd,回車,...

監聽描述檔案

同樣的如果關閉listener程序並不會影響已經存在的資料庫連線。listener.ora listener 程序的配置檔案,oracle根據它來監聽服務 listener description list description address list address protocol ipc ...