Postavljanje BrowserSync-a sa Rails-om

Da li ste ikada radili na nekim front-end stvarima i morali ste da osvežite svoju veb stranicu svaki put kada napravite neke promene? Pa, BrovserSinc to radi umesto vas! Da biste je omogućili u svojoj aplikaciji šine, treba da:

Instalirajte Node.js

Uputstva za instalaciju možete pronaći ovde .

Instalirajte BrowserSync

Otvorite terminal i otkucajte sledeću komandu:

npm install -g browser-sync

Pokrenite BrowserSync u svojoj aplikaciji Rails

Idite u svoj osnovni direktorijum aplikacije Rails i pokrenite svoj Rails server, a zatim na novu karticu terminala napišite sledeću komandu:

browser-sync start --proxy localhost:3000 --files "app/assets/stylesheets/**/*.scss, app/assets/javascripts/**/*.js, app/views/**/*.html.erb"

Naravno, promenite ovu komandu u skladu sa svojim potrebama. Posle toga, trebali biste dobiti sledeći izlaz:

[BS] Proxying: http://localhost:3000
[BS] Access URLs:
 ------------------------------------
Local: http://localhost:3001
External: http://192.168.1.5:3001
 ------------------------------------
UI: http://localhost:3002
UI External: http://192.168.1.5:3002
 ------------------------------------

I to je to! Sada svaki put kada promenite HTML, CSS ili JS datoteke, stranica će se automatski osvežiti i videćete nove promene!
Takođe, ovo je odličan način da testirate kako vaša aplikacija Rails izgleda na telefonima ili tabletima. Samo unesite spoljni http u pregledač telefona / tableta (naravno, trebali biste biti povezani na istu mrežu kao i vaš računar).

Srećno kodiranje!