browser-sync


What's the equivalent bs-config.js (Browsersync) of this command?


Browsersync is working fine with a PHP/Symfony 3 project with the following command:
browser-sync start --proxy http://localhost:8000 --files "web/css/**/*.css"
The browser will open at http://localhost:3000 and if I change something in web/css I can see the updated stylesheets without a full page reload. So far so good.
However it doesn't work with the following bs-config.js:
module.exports = {
"files": [
"web/css/**/*.css"
],
"server": false,
"proxy": "http://localhost:8000"
};
And the command:
browser-sync start
Browser will not load, changes aren't detected and reloading doesn't work. What I'm missing?
try this:
1º Create "bs-config.js" with: browser-sync init
2º Open file and edit like this:
module.exports = {
"ui": {
"port": 3001,
"weinre": {
"port": 8080
}
},
"files": "web/css/**/*.css",
"watchOptions": {},
"server": false,
"proxy": "http://localhost:8000",
"port": 3000,
"middleware": false,
"serveStatic": [],
"ghostMode": {
"clicks": true,
"scroll": true,
"forms": {
"submit": true,
"inputs": true,
"toggles": true
}
},
"logLevel": "info",
"logPrefix": "BS",
"logConnections": false,
"logFileChanges": true,
"logSnippet": true,
"rewriteRules": [],
"open": "local",
"browser": "default",
"cors": false,
"xip": false,
"hostnameSuffix": false,
"reloadOnRestart": false,
"notify": true,
"scrollProportionally": true,
"scrollThrottle": 0,
"scrollRestoreTechnique": "window.name",
"scrollElements": [],
"scrollElementMapping": [],
"reloadDelay": 0,
"reloadDebounce": 0,
"reloadThrottle": 0,
"plugins": [],
"injectChanges": true,
"startPath": null,
"minify": true,
"host": null,
"localOnly": false,
"codeSync": true,
"timestamps": true,
"clientEvents": [
"scroll",
"scroll:element",
"input:text",
"input:toggles",
"form:submit",
"form:reset",
"click"
],
"socket": {
"socketIoOptions": {
"log": false
},
"socketIoClientConfig": {
"reconnectionAttempts": 50
},
"path": "/browser-sync/socket.io",
"clientPath": "/browser-sync",
"namespace": "/browser-sync",
"clients": {
"heartbeatTimeout": 5000
}
},
"tagNames": {
"less": "link",
"scss": "link",
"css": "link",
"jpg": "img",
"jpeg": "img",
"png": "img",
"svg": "img",
"gif": "img",
"js": "script"
}};
3º Run the server: php -S localhost:8000
4º Start BrowserSync: browser-sync start --config bs-config.js

Related Links

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
browser-sync proxy fails to connect
What's the equivalent bs-config.js (Browsersync) of this command?
How to quit the browser-sync server, or how to know the running server pid
browsersync not working (note: not using gulp)
Using browsersync with gulp/nodemon
BrowserSync Not Reloading Changes
Setup browser-sync to serve routes from absolute directories on windows
Browser-sync writes in console «Reloading Browsers …», but update is not happening. Why?

Categories

HOME
search
paraview
ecmascript-6
pagination
jsf-2.2
grafana
aws-cli
vsm
character
rcloud
comsol
atlassian
selectize.js
heat
event-sourcing
production
enterprise-miner
lilypond
simpleitk
ag
springfox
question2answer
dapper-extensions
onload
stackexchange
tpm
sqlpackage
magento-1.8
dumpbin
jbutton
playstation-portable
spring-security4
code-snippets
zoomify
nohup
tasm
datacachefactory
escpos
tcc
angular-http
clang++
procfile
mesosphere
openresty
magento-2.0.7
cnc
chai-as-promised
bluez
arules
choice
stripe-connect
usart
angular2-testing
custom-lists
latin
delta
http-status-code-401
fuzzywuzzy
user-management
vigenere
microsoft-reporting
jdk1.7
haskell-warp
linked-tables
google-refine
git-ftp
fail2ban
variadic-templates
sip-server
structuremap3
paw
jjaql
tinyxml
file-not-found
ora-06550
tlf
kogrid
flex++
poker
twisted.web
idn
zope.interface
apache-whirr
isa-swizzling
convention
workflow-services
umra
msr
collectionviewsource
cac
cruisecontrol.rb
drupal-fivestar
eclipse-marketplace
request-headers
strtod
tui
linfu-dynamicproxy
entitykey
soappy
leader

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