149 lines
3.5 KiB
Handlebars
149 lines
3.5 KiB
Handlebars
![]() |
[](https://www.npmjs.org/package/local-web-server)
|
||
|
[](https://www.npmjs.org/package/local-web-server)
|
||
|
[](https://travis-ci.org/75lb/local-web-server)
|
||
|
[](https://david-dm.org/75lb/local-web-server)
|
||
|
[](https://github.com/feross/standard)
|
||
|
|
||
|
# local-web-server
|
||
|
A static web-server for productive front-end development.
|
||
|
|
||
|
**Requires node v4.0.0 or higher**.
|
||
|
|
||
|
## Synopsis
|
||
|
|
||
|
From the folder you wish to serve, run:
|
||
|
```sh
|
||
|
$ ws
|
||
|
serving at http://localhost:8000
|
||
|
```
|
||
|
|
||
|
If you wish to serve a different directory, run:
|
||
|
```sh
|
||
|
$ ws -d ~/mysite/
|
||
|
serving /Users/Lloyd/mysite at http://localhost:8000
|
||
|
```
|
||
|
|
||
|
If you wish to override the default port (8000), use `--port` or `-p`:
|
||
|
```sh
|
||
|
$ ws --port 9000
|
||
|
serving at http://localhost:9000
|
||
|
```
|
||
|
|
||
|
To add compression, reducing bandwidth, increasing page load time (by 10-15% on my Macbook Air)
|
||
|
```sh
|
||
|
$ ws --compress
|
||
|
```
|
||
|
|
||
|
## Install
|
||
|
Ensure [node.js](http://nodejs.org) is installed first. Linux/Mac users may need to run the following commands with `sudo`.
|
||
|
|
||
|
### Globally
|
||
|
```sh
|
||
|
$ npm install -g local-web-server
|
||
|
```
|
||
|
|
||
|
### Bundled with your project
|
||
|
```sh
|
||
|
$ npm install local-web-server --save-dev
|
||
|
```
|
||
|
|
||
|
Then add an `start` script to your `package.json` (the standard npm approach):
|
||
|
```json
|
||
|
{
|
||
|
"name": "my-web-app",
|
||
|
"version": "1.0.0",
|
||
|
"scripts": {
|
||
|
"start": "ws"
|
||
|
}
|
||
|
}
|
||
|
```
|
||
|
This simplifies a rather specific-looking instruction set like:
|
||
|
|
||
|
```sh
|
||
|
$ npm install
|
||
|
$ npm install -g local-web-server
|
||
|
$ ws
|
||
|
```
|
||
|
|
||
|
to the following, server implementation and launch details abstracted away:
|
||
|
```sh
|
||
|
$ npm install
|
||
|
$ npm start
|
||
|
```
|
||
|
|
||
|
### Logging
|
||
|
Passing a value to `--log-format` will write an access log to `stdout`.
|
||
|
|
||
|
Either use a built-in [morgan](https://github.com/expressjs/morgan) logger preset:
|
||
|
```sh
|
||
|
$ ws --log-format short
|
||
|
```
|
||
|
|
||
|
Or a custom [morgan](https://github.com/expressjs/morgan) log format:
|
||
|
```sh
|
||
|
$ ws -f ':method -> :url'
|
||
|
```
|
||
|
|
||
|
Or silence:
|
||
|
```sh
|
||
|
$ ws -f none
|
||
|
```
|
||
|
|
||
|
## Storing default options
|
||
|
To store per-project options, saving you the hassle of inputting them everytime, store them in the `local-web-server` property of your project's `package.json`:
|
||
|
```json
|
||
|
{
|
||
|
"name": "my-project",
|
||
|
"version": "0.11.8",
|
||
|
"local-web-server":{
|
||
|
"port": 8100
|
||
|
}
|
||
|
}
|
||
|
```
|
||
|
|
||
|
Or in a `.local-web-server.json` file stored in the directory you want to serve (typically the root folder of your site):
|
||
|
```json
|
||
|
{
|
||
|
"port": 8100,
|
||
|
"log-format": "tiny"
|
||
|
}
|
||
|
```
|
||
|
|
||
|
Or store global defaults in a `.local-web-server.json` file in your home directory.
|
||
|
```json
|
||
|
{
|
||
|
"port": 3000,
|
||
|
"refresh-rate": 1000
|
||
|
}
|
||
|
```
|
||
|
|
||
|
All stored defaults are overriden by options supplied at the command line.
|
||
|
|
||
|
To view your stored defaults, run:
|
||
|
|
||
|
```sh
|
||
|
$ ws --config
|
||
|
```
|
||
|
|
||
|
## mime-types
|
||
|
You can set additional mime-type/extension mappings, or override the defaults by setting a `mime` value in your local config. This value is passed directly to [mime.define()](https://github.com/broofa/node-mime#mimedefine). Example:
|
||
|
|
||
|
```json
|
||
|
{
|
||
|
"mime": {
|
||
|
"text/plain": [ "php", "pl" ]
|
||
|
}
|
||
|
}
|
||
|
```
|
||
|
|
||
|
## Log Visualisation
|
||
|
Instructions for how to visualise log output using goaccess, logstalgia or gltail [here](https://github.com/75lb/local-web-server/wiki/Log-visualisation).
|
||
|
|
||
|
# API Reference
|
||
|
|
||
|
{{>main}}
|
||
|
|
||
|
* * *
|
||
|
|
||
|
© 2015 Lloyd Brookes <75pound@gmail.com>
|