vndb/mithril-vndb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use parcel instead of webpack for quickstart. (#2182)

Browse source 
much simpler
This commit is contained in:
Stephan Hoyer 2018-06-13 11:23:22 +02:00 • committed by Barney Carroll
parent 6dee1571a1
commit 4de59e5b33
1 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
docs/installation.md
View file

@ -23,17 +23,17 @@ $ npm install mithril --save
--- ---
### Quick start with Webpack ### Quick start with [Parcel](https://parceljs.org/)
1. Initialize the directory as an npm package 1. Initialize the directory as an npm package
```bash ```bash
$ npm init --yes $ npm init --yes
``` ```
2. install required tools 2. Install the required tools.
```bash ```bash
$ npm install mithril --save $ npm install mithril --save
$ npm install webpack webpack-cli --save-dev $ npm install parcel-bundler --save-dev
``` ```
3. Add a "start" entry to the scripts section in `package.json`. 3. Add a "start" entry to the scripts section in `package.json`.
@ -41,7 +41,7 @@ $ npm install webpack webpack-cli --save-dev
{ {
// ... // ...
"scripts": { "scripts": {
"start": "webpack src/index.js --output bin/app.js -d --watch" "start": "parcel src/index.html"
} }
} }
``` ```
@ -52,20 +52,20 @@ import m from "mithril";
m.render(document.body, "hello world"); m.render(document.body, "hello world");
``` ```
5. create `index.html` 5. Create `index.html`.
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
<body> <body>
<script src="bin/app.js"></script> <script src="./index.js"></script>
</body> </body>
``` ```
6. run bundler 6. Run the bundler.
```bash ```bash
$ npm start $ npm start
``` ```
7. open `index.html` in a browser 7. Click the shown link to open it in the browser.
#### Step by step #### Step by step