Skip to content
Serves the pure htmls, updates the browser on changes.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.media
src
test
.editorconfig
.gitattributes
.gitignore
LICENSE
README.md
bili.config.js
circle.yml
package.json
yarn.lock

README.md

w7

Serves the pure htmls, Updates the browser on changes.

NPM version NPM downloads CircleCI donate

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

You can’t perform that action at this time.