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()]
							 | 
						||
| 
								 | 
							
								});
							 | 
						||
| 
								 | 
							
								```
							 | 
						||
| 
								 | 
							
								
							 |