Mini Devex

A miniature dev environment for building websites.

• browsersync for hot-reload on changes.
• SASS for... well SASS.
• Rollup for JS

Installation

Install the project dependencies

$ npm i

Configuration

As-is the config will watch everything in the /src dir. You can customize this in the watch:sync script.

The script serves index.html by default, but if you're using a local dev env with a proxied domain (for instance, a Wordpress dev environment using Local by Flywheel), you can add options for --https, --proxy, and --listen to the watch:sync script to integrate the local server.

"watch:sync": "browser-sync start --https --proxy 'https://YOURDOMAIN.local' --listen 'YOURDOMAIN.local' --files '*/**/.php', 'src/**/**'",

Run

$ npm run start