Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
bs-recipes
Advanced tools
Fully working project examples showing how to use BrowserSync in various ways
There are endless amounts of possible integrations and workflow scenarios when using Browsersync, so this project is an attempt to highlight as many of them as we can, whilst providing full, working examples.
Here's what we have currently...
... each one is a full, working example - just have a look at the readme.md
in each one for installation
instructions.
Spotted an error? Couldn't get one of the examples running? Have your own sweet setup that you want to show off to the world? We'd love to receive your feedback and contributions - so please get in touch! We aim to make this project the canonical source of example projects & code snippets related to running Browsersync.
First thing you should do, is take a look at our simplest example here - this will give you a great head-start on setting up your code.
Then, fork
this repo and clone
your fork down to your local machine. Now create a new folder inside recipes
(note the naming structure). This is where you create your awesome example. You're free to do as you like,
but there are a couple of rules you'll need to follow to ensure the project can build.
Required Files
package.json
(see below for requirements)app.js
(or any JS file showing the example)./app
directory. Always include the minimum HTML, JS & CSS needed to prove your example.Do NOT include
readme.md
(this is created dynamically for you)start command: For consistency, ensure your example can be run with the command npm start
. To
do this, you just need to provide something along these lines:
"scripts": {
"start": "node app.js"
},
main file: We inline your main Javascript file into the readme.md
, so
don't miss this field.
"main": "app.js" // or gulpfile.js etc
description: We use this as the Title. So make it short and descriptive, such as
"description": "Server example"
After you've added your example in the recipes folder, return to the root and run
npm install && npm run build
This will install Crossbow.js and compile the project. Commit everything that has changed and push it up to your fork. Send a Pull Request when you're ready, or if you'd like us to have a look over your code before that, just ping us twitter and we'll take a look!
FAQs
Fully working project examples showing how to use BrowserSync in various ways
The npm package bs-recipes receives a total of 649,125 weekly downloads. As such, bs-recipes popularity was classified as popular.
We found that bs-recipes demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.