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

docs: correct some webpack bitrot (#2094)

Browse source
This commit is contained in:
Pat Cavit 2018-02-28 08:13:07 -08:00 • committed by GitHub
parent 9d153a02e9
commit e25f086061
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

21
docs/installation.md
View file

@ -33,15 +33,15 @@ $> npm init --yes
2. install required tools 2. install required tools
```bash ```bash
$> npm install mithril --save $> npm install mithril --save
$> npm install webpack --save $> npm install webpack webpack-cli --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`.
```js ```js
{ {
// ... // ...
"scripts": { "scripts": {
"start": "webpack src/index.js bin/app.js --watch" "start": "webpack src/index.js --output bin/app.js -d --watch"
} }
} }
``` ```
@ -56,8 +56,9 @@ m.render(document.body, "hello world");
4. create `index.html` 4. create `index.html`
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
<body>
<script src="bin/app.js"></script> <script src="bin/app.js"></script>
</body>
``` ```
5. run bundler 5. run bundler
@ -65,7 +66,7 @@ m.render(document.body, "hello world");
$> npm start $> npm start
``` ```
6. open `index.html` in your (default) browser 6. open `index.html` in a browser
#### Step by step #### Step by step
@ -106,7 +107,7 @@ Most browser today do not natively support modularization systems (CommonJS or E
A popular way for creating a bundle is to setup an NPM script for [Webpack](https://webpack.js.org/). To install Webpack, run this from the command line: A popular way for creating a bundle is to setup an NPM script for [Webpack](https://webpack.js.org/). To install Webpack, run this from the command line:
```bash ```bash
npm install webpack --save-dev npm install webpack webpack-cli --save-dev
``` ```
Open the `package.json` that you created earlier, and add an entry to the `scripts` section: Open the `package.json` that you created earlier, and add an entry to the `scripts` section:
@ -115,7 +116,7 @@ Open the `package.json` that you created earlier, and add an entry to the `scrip
{ {
"name": "my-project", "name": "my-project",
"scripts": { "scripts": {
"start": "webpack src/index.js bin/app.js -d --watch" "start": "webpack src/index.js --output bin/app.js -d --watch"
} }
} }
``` ```
@ -177,8 +178,8 @@ If you open bin/app.js, you'll notice that the Webpack bundle is not minified, s
{ {
"name": "my-project", "name": "my-project",
"scripts": { "scripts": {
"start": "webpack src/index.js bin/app.js -d --watch", "start": "webpack src/index.js --output bin/app.js -d --watch",
"build": "webpack src/index.js bin/app.js -p", "build": "webpack src/index.js --output bin/app.js -p",
} }
} }
``` ```