w7
v0.0.5
Published
serves the pure htmls, Updates the browser on changes.
Downloads
3
Readme
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 [email protected]
, 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
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- 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