webin v0.0.0-2fb192c

webin

Yet another way to build web app

TypeScript . React/Redux . Sass

npm i -g webin

script

<root>/App.tsx will auto load when exists

router

store

<root>/store.ts will auto load when exists

style

<root>/style.scss will auto load when exists

root css variables

If <root>/style.json provide, inject the root selector to entrypoint and transform to json data to css properties. Like:

{
  "color-primary": "lightblue"
}

Will transform to:

:root {
  --color-primary: lightblue;
}

themes

light/dark theme

[{
  "name": "light",
  "vars": {
    "color-primary": "white"
  }
},{
  "name": "dark",
  "vars": {
    "color-primary": "black"
  }
}]

Or short for:

[{
  "color-primary": "white"
},{
  "color-primary": "black"
}]

multi themes

[{
  "name": "red",
  "vars": {
    "color-primary": "red"
  }
},{
  "name": "blue",
  "vars": {
    "color-primary": "blue"
  }
}]

cli