mirror of
				https://github.com/fooflington/selfdefined.git
				synced 2025-11-04 07:39:03 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			53 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			53 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
#Browsersync - Server + Logging + History API fallback middlewares Example
 | 
						|
 | 
						|
## Installation/Usage:
 | 
						|
 | 
						|
To try this example, follow these 4 simple steps. 
 | 
						|
 | 
						|
**Step 1**: Clone this entire repo
 | 
						|
```bash
 | 
						|
$ git clone https://github.com/Browsersync/recipes.git bs-recipes
 | 
						|
```
 | 
						|
 | 
						|
**Step 2**: Move into the directory containing this example
 | 
						|
```bash
 | 
						|
$ cd bs-recipes/recipes/server.middleware
 | 
						|
```
 | 
						|
 | 
						|
**Step 3**: Install dependencies
 | 
						|
```bash
 | 
						|
$ npm install
 | 
						|
```
 | 
						|
 | 
						|
**Step 4**: Run the example
 | 
						|
```bash
 | 
						|
$ npm start
 | 
						|
```
 | 
						|
 | 
						|
### Additional Info:
 | 
						|
 | 
						|
 | 
						|
 | 
						|
This example adds the [connect-logger](https://www.npmjs.com/package/connect-logger) middleware
 | 
						|
 | 
						|

 | 
						|
 | 
						|
### Preview of `app.js`:
 | 
						|
```js
 | 
						|
/**
 | 
						|
 * Require Browsersync
 | 
						|
 */
 | 
						|
var browserSync = require('browser-sync').create();
 | 
						|
var historyApiFallback = require('connect-history-api-fallback')
 | 
						|
 | 
						|
/**
 | 
						|
 * Run Browsersync with server config
 | 
						|
 */
 | 
						|
browserSync.init({
 | 
						|
    server: "app",
 | 
						|
    files: ["app/*.html", "app/css/*.css"],
 | 
						|
    middleware: [require("connect-logger")(), historyApiFallback()]
 | 
						|
});
 | 
						|
```
 | 
						|
 |