w7

Serves the pure htmls, Updates the browser on changes.

Features

• Pure HTML without any built process.
• Hot code reloading.
• Automatically transforms JS files using Babel (Vue & React).
• Built-in boilerplates.

Install

npm i w7 -g

Usage

  w7                                     # Default entry: './index.html'   
  w7 --entry app.html                    # Custom entry (alias: -c)
  w7 app.html                            # Shortcut
  w7 --entry ./app.html --port 1994      # Custom port (alias: -p)
  w7 app.html --cwd src                  # Custom cwd (alias: -c)
  w7 src/app.html --cwd src              # Ditto 
  w7 app.html --open-in-browser          # Open browser when server started (alias: -o)
  w7 dist                                # If giving a directory, will serve for 'dist/index.html'

All options:

  COMMAND OPTIONS

    -c, --cwd            Current working directory.
    -e, --entry          Entry html file.
    -p, --port           Dev server's port [Default: 4000]
    -o, --openInBrowser  Whether to open browser when server started.

  GLOBAL OPTIONS

    -v, --version  Display version
    -h, --help     Display help

Q & A

• Is this project not the opposite of front-end engineering?

  Of course not, on the contrary, I am an fanatic front-end engineering supporter, the reason for the birth of this project is not to resist front-end engineering. It is only for the excessive development of front-end engineering, we often need a lot of construction processes to test a very simple function:

  If you just want to test a Counter with vue, why spend so much time on starting a project with vue-cli?

  With this project, it will be very simple to test some simple prototype features. In other words, it is more like an offline version of codepan.

Boilerplate

From w7@0.0.4, some preset boilerplates for you to kick off your project quickly.

  w7 init              # Generate a simple html file with random filename (includes git user name.)
  w7 init --lib vue    # Generate a Counter boilerplate with vue.
  w7 init --lib react  # Generate a Counter boilerplate with React+JSX.

Built-in boilerplates for now:

• vue
• react
• rxjs

Unbuilt libraries will be injected from unpkg directly:

  w7 init -lib jquery   # <script src="http://unpkg.com/jquery"></script> will be injected.

Free free to tell me what your want to be built in. :)

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Author

w7 © ulivz, Released under the MIT License.
Authored and maintained by ulivz with help from contributors (list).

github.com/ulivz · GitHub @ulivz