该命令的等效bs-config.js(Browsersync)是什么?

时间:2016-06-19 13:32:49

标签: browser-sync

使用以下命令,Browsersync与PHP / Symfony 3项目一起正常工作:

browser-sync start --proxy http://localhost:8000 --files "web/css/**/*.css"

浏览器将在http://localhost:3000打开,如果我更改web/css中的内容,我可以看到更新的样式表而无需重新加载整页。到目前为止一切都很好。

然而,它不适用于以下bs-config.js

module.exports = {
    "files": [
        "web/css/**/*.css"
    ],
    "server": false,
    "proxy": "http://localhost:8000"
};

命令:

browser-sync start

浏览器无法加载,未检测到更改,重新加载也无法正常工作。我错过了什么?

1 个答案:

答案 0 :(得分:1)

试试这个:

1º使用以下内容创建“bs-config.js”: browser-sync init

2º打开文件并进行如下编辑:

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º运行服务器: php -S localhost:8000

4º启动BrowserSync:浏览器同步启动--config bs-config.js