mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 17:38:10 +00:00
68 lines
1.1 KiB
Markdown
68 lines
1.1 KiB
Markdown
# Frontend
|
|
|
|
This is an `nx` monorepo that can contain multiple apps and shared libraries.
|
|
|
|
All commands to run these projects are performed from _this_ directory.
|
|
|
|
## Install dependencies
|
|
|
|
```
|
|
npm install
|
|
```
|
|
|
|
## Editor2d
|
|
|
|
Run dev server:
|
|
|
|
```bash
|
|
nx dev editor2d
|
|
```
|
|
|
|
## Editor3d
|
|
|
|
Run dev server:
|
|
|
|
```bash
|
|
nx dev editor3d
|
|
```
|
|
|
|
```
|
|
call when starting on main or a new branch:
|
|
./clean_modules
|
|
|
|
The names for @frontend and @storyteller come from the package.json file in the libs folder.
|
|
import { Login } from "@frontend/login";
|
|
import { api } from "@storyteller/api";
|
|
|
|
For shared UI components, import from @storyteller/ui-[componentname].
|
|
import { Button } from "@storyteller/ui-button";
|
|
import { Modal } from "@storyteller/ui-modal";
|
|
|
|
building:
|
|
npx nx build editor3d
|
|
npx nx build editor2d
|
|
|
|
dev:
|
|
npx nx dev editor3d
|
|
npx nx dev editor2d
|
|
|
|
|
|
|
|
# component build
|
|
1.
|
|
npx nx g @nx/react:library libs/components/toaster --import-path=@storyteller/ui-toaster --bundler=vite
|
|
npm install
|
|
2.import it first in code
|
|
3.nx sync
|
|
4.nx build
|
|
|
|
or
|
|
|
|
# frontend build
|
|
in frontend folder
|
|
|
|
% nx build -project type
|
|
% nx build editor3d
|
|
% nx dev editor3d
|
|
```
|