使用瀏覽器同步與導軌 - 觀看編譯的CSS文件

Question

我試圖使用browser sync與導軌，使用資產管道。

我試圖在我的rails應用程序中使用browsersync。它具有許多奇妙的功能，可以觀看css文件進行更改，並將這些更改注入頁面是其中的一項功能。

默認情況下，rails在請求時會將sass編譯爲css。所以，afaik，不可能讓瀏覽器同步到app.css的路徑。

在我的瀏覽器同步的配置文件 -

files: ["rails/doesnt/have/the/css/yet/application/so/i/dont/know.what/to/do.css", ] 

如果我指向了SASS文件，重新加載頁面（刷新），而不是注入的變化配置。這不好。我希望將css更改注入到頁面中。

files: ["assets/application.scss", ] //this causes full page refresh, which is bad. 

任何人都知道我可以指向瀏覽器同步到編譯的CSS？

Answer 1

如果這是在發展，那麼你會希望你的配置看起來像：

files: ["assets/application.css"] 

（不SCSS）

同樣會爲你的JavaScript如此。如果您在查找資產時遇到問題，請嘗試使用asset_path（'資產名稱'）助手將其輸出到頁面。