How to build a gulp file to work with UNDERSCORES (wordpress starter theme), taking into account the Sass preprocessor and browsersync?

Question

Sass

How to build a gulp file to work with UNDERSCORES (wordpress starter theme), taking into account the Sass preprocessor and browsersync? Here's what the UNDERSCORES file hierarchy looks like (just in case) here is a link to UNDERSCORES underscores.me Or maybe such a gulp file exists? Thanks in advance.

Answer 1

I don't think there is a universal answer. But I can tell you how we collect. For statics, create a folder like frontsources right at the root. Everything is there, both sass and raw js, and images. Further, the configured gulp already parses everything where necessary. Styles to the root, replacing the style.css file, etc.
We do not use Browsersync to work with WP, so I won’t tell you here. To work out everything and everything in the project, we localize it either on Open Server, or to work together on our server.
In the case of working with a server, it is convenient to use code synchronization with gulp processing directly on the server, but this is real if you have full control over the server, or at least the ability to install the necessary environment there and run it. We are talking about node and gulp, respectively.

Answer 2

Almost ready (I still can't finish it) starting theme on Underscores. Slightly redone. Take a look, I hope you understand.
Run - gulp watch. There is no PHP change tracking (because I don't need to). Bootstrap 4 included. Don't forget to change the domain in gulpfile.js to your own (currently theme.local domain).
Download from here .