browser-sync


BrowserSync Not Reloading Changes


I started BrowserSync with this command:
browser-sync start --proxy localhost:8001 --files "app/css/*.css"
I have the code snippet in index.html and when I open the page in my browser, I see the message:
Connected to BrowserSync
But when I make changes to the CSS, the BrowserSync does not reload the page with the changes. I have to manually reload to see the change.
It is --files="app/css/*.css" and not --files "app/css/*.css"
Browsersync reads index.html by default, hence you get the message 'Connected to browsersync'
And here's the solution to your answer..
In every forum I have checked, everyone is following the same nomenclature of "css/*.css". Without realizing what the initial css stands for. Its the name of the folder or directory not something for vague..
Hence, make sure that inside those quotes you have pointed to the right directory. For example, if the styles.css file is just outside (i.e. in the root directory) alongside index.html, then just write --files="styles.css". It shall work like charm.
And if you want Browsersync to watch multiple css files then put --files="*.css". If you want to sync different types of files, then use --files="*.html,*.js".
If these css files are in some directory say 'xfolder' then --files="xfolder/*.css"

Related Links

Quit Browser-sync from terminal
lite-serverbs-config.js: middleware and array of folders
Make BrowserSync use the real https URL
Can we use browser sync on external url
How to replace .html with forward slash in BrowserSync?
Error during instillation of browser sync
When using browser-sync,why is the browser saying cannot get, while everything seems fine
How to sync the actions performed on webpage using Browsersync?
lite-server, BrowserSync: setting other URL path than /
Gulp and Browsersync injecting CSS but causing a full reload
Browser-sync - serve “node_modules” out of “src” directory
[browser-sync]browser-sync proxy can't connect to Rails Application
Browserstack not serving index.html by default
whatever i do i can't access the external URL for the site or UI
How do I kill browserSync before creating it?
Unable to install browser-sync on windows 7

Categories

HOME
sonarqube
algorithm
phantom-dsl
fabricjs
turing-machines
c++11
saml-2.0
gradient
vscode-extensions
edge
database-normalization
g++
dkim
ibeacon-android
php-5.6
standards
vuejs
google-picker
boost-icl
replication
visual-glitch
systemtime
angular-routing
short-url
custom-post-type
jasmine-node
handler
recurring-events
left-join
wacom
dynamic-jasper
mnist
sim-toolkit
sessionstorage
z-notation
p4merge
apache-stanbol
ogc
flask-restful
proget
jquery-ui-draggable
configurationmanager
twilio-click-to-call
openblas
aquamacs
reindex
scalding
appdomain
headless
bbpress
rackspace-cloud
sandcastle
pytables
meteor-packages
actor-platform
redbeard-ios
async.js
rspec2
jtwig
boost-serialization
fuzzywuzzy
jaunt-api
concurrentmodification
java-money
google-books
phonertc
canalyzer
mraid
zend-currency
zxspectrum
nodelist
execve
administration
cuba
personalization
reflector
jjaql
decoupling
xmltodict
high-resolution
mongohq
merb
route-provider
fb.ui
resource-management
web-notifications
joomla3.1
boost-signals
apache-commons-dbutils
pinch
htdocs
android-holo-everywhere
google-ajax-api
tournament
msr
cac
blender-2.49
duplex
spread
lxr
build-environment
xpsdocument
information-management
great-circle

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App