Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
vms:webdev:nodejs:riot [2015/09/14 17:51] admin |
vms:webdev:nodejs:riot [2015/09/14 18:09] admin |
||
|---|---|---|---|
| Line 14: | Line 14: | ||
| > cd /apth/to/dev/project | > cd /apth/to/dev/project | ||
| + | > npm init | ||
| > npm install riot --save | > npm install riot --save | ||
| > npm install babel --save-dev | > npm install babel --save-dev | ||
| + | </code> | ||
| - | > nano package.json | + | This should be the minimum required to allow server side compilation of your tags (that's why babel is required on the dev platform). |
| - | PASTE: | + | Some npm packages of interest for a dev environment: |
| - | { | + | <code> |
| - | "name": "hello-world", | + | > npm install browser-sync --save-dev |
| - | "version": "1.0.0", | + | > npm install parallelshell --save-dev |
| - | "description": "riot.js Hello Word sample with npm and es6", | + | > npm install rimraf --save-dev |
| - | "scripts": { | + | </code> |
| - | "watch": "riot --type es6 -w app dist", | + | |
| - | "compile": "riot --type es6 app dist" | + | Basicaly what this will do is write to the //**package.json**// file at the root of your project. It translates to the following: |
| - | }, | + | <code> |
| - | "keywords": [ | + | > nano package.json |
| - | "riot.js", | + | . |
| - | "hello-world" | + | . |
| - | ], | + | |
| "dependencies": { | "dependencies": { | ||
| - | "riot": "^2.2.3" | + | "riot": "^2.2.4" |
| + | }, | ||
| + | "devDependencies": { | ||
| + | "babel": "^5.8.23" | ||
| } | } | ||
| - | } | + | . |
| - | </code> | + | . |
| + | </code> | ||
| + | |||
| + | Refer to [[https://drublic.de/blog/npm-builds/|this great article by Hans Christian Reinl]] for a good starting reference about a modern dev environment setup. | ||
