How to watch files different than index.html about browser-sync HOT 8 CLOSED

Change the server.baseDir option to this & try again - you shouldn't need the snippets if you're using the server.

    server: {
        baseDir: "./"
    }

from browser-sync.

Watch all HTML files in a single directory

files: "*.html"

Watch all HTML files, including those in sub directories

files: "**/*.html"

from browser-sync.

Got it.

But there seems to be something you need to do with the following scripts:

<script src='http://10.2.2.179:3000/socket.io/socket.io.js'></script>
<script src='http://10.2.2.179:3001/browser-sync-client.min.js'></script>

When I do this on the console: browser-sync --files * I can then watch the HTML files but ONLY if those files have those two scripts in them at the moment I execute the above command.

I can remove them afterwards, yes, but if I need to watch another HTML file it has to have those two scripts before the command is ran, otherwise browser sync won't live refresh the HTML files.

Now, the only way I know I can watch HTML files is by running browser-sync --files * in the command line and not via a config file, at least it doesn't work for me because as soon as I run browser-sync --config config.js it then creates a server and looks for an index.html file and that's it, there's no way to watch other HTML files at all.

Here's the config.js I have (is based on the tutorial here):

module.exports = {
    //files: "css/*, *.html",
    files: "*",
    //host: "192.168.1.1",
    ghostMode: {
        links: true,
        forms: true,
        scroll: true
    },
    server: {
        baseDir: ""
    }
};

Thanks again.

from browser-sync.

Well, yes sir, that fixed it :D

A million Thanks for the help and for this awesome app.

from browser-sync.

Any time!

We're building a website for browser-sync soon & it will have much clearer documentation/examples

from browser-sync.

That's awesome to hear, looking forward to the new website.

And if you guys need any feedback with a bunch of n00b questions for beginners, look no further, I'd be glad to help.

from browser-sync.

### My project is hosted in a folder called flexbox-css.git and inside contains concepts.html, main.css and although I already use this instruction browser-sync start --server --files "*.html" I still get this message Cannot GET / How do I solve it?

from browser-sync.

use : browser-sync start --server --directory --files "*" to load all.

from browser-sync.