This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
ra:frontend [2018/10/05 15:26] koubel |
— (current) | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | Most of new front ends are single page applications based on React, Mobx. | ||
| - | Typical workflow | ||
| - | |||
| - | * clone package | ||
| - | * ''%%npm install%%'' by package.json | ||
| - | * ''%%npm run dev%%'' mostly by webconfig | ||
| - | |||
| - | %%run%% and %%dev%% are npm scripts defined in package.json | ||
| - | |||
| - | There can be many other task | ||
| - | |||
| - | ====== Minimum NPM ====== | ||
| - | |||
| - | Install package node_modules and add into package.json as dependency. | ||
| - | |||
| - | > npm i package-name | ||
| - | |||
| - | Install package node_modules and add into package.json as developer dependency | ||
| - | |||
| - | > npm i --save-dev package-name | ||
| - | | ||
| - | Install package in particular version | ||
| - | |||
| - | > npm i --save-dev package-name@^3.2.1 | ||
| - | | ||
| - | Uninstall package | ||
| - | |||
| - | > npm un package-name | ||
| - | |||
| - | Show version of installed package | ||
| - | |||
| - | > npm ls package-name | ||
| - | | ||
| - | For semantic versionning see [[https://docs.npmjs.com/misc/semver|npm documentation]] | ||
| - | | ||
| - | For run project local scripts from %%node_modules%% dir, use %%npx%% e.g. | ||
| - | |||
| - | > npx webpack // runs webpack from project local node_modules for building the project | ||
| - | > npx jest // runs jest for running test suite | ||
| - | | ||