fast launch
- in cmd
git clone https://github.com/mightytyphoon/lb4-ng-quickstart lb4-ng - in cmd :
cd lb4-ng && npm run install - this will install client and server, then launch the live dev. (this take a while)
- angular app will refresh on changes here : http://localhost:4200
- loopback server will reload on changes in code with nodemon and is alive here : http://localhost:3000
here are the steps for the configuration of this repo
- in cmd, root folder
ng new clientto init the client - go in angular client and delete the git folder
- in cmd, root folder
lb4 serverto create the server - in cmd, root folder
npm initto init the package.json - in cmd, root folder
git initto init the git repo to https://github.com/mightytyphoon/lb4-ng-quickstart - add install and dev scripts to scripts in ./package.json
"preinstall":"cd server && npm i",
"install":"cd client && npm i",
"postinstall": "npm run dev",
"preclient:dev" : "cd client && start /min ng build --watch --deploy-url /public/ --output-path ../server/public",
"client:dev" :"cd client && start /min ng serve",
"predev":"npm run client:dev",
"dev":"cd server && npm run clean && mkdir dist && start /min npm run build:watch",
"postdev":"cd server && nodemon --watch dist"- in server package.json
"build:watch": "lb-tsc --watch --outDir dist",- add to server/src/index.ts
await app.static('/public' , './public');
//this will serve the public folder of loopback on the root/public
//public is where angular app is- index.html is erased and replaced by index.html from Angular, so no need to change the basic configuration of loopback 4
- we also keep in client/src/index.html the line
<base href="/"> - now we need to redirect the loading of the angular js files to root/public/*, this is done by adding a
--deploy-url /public/option tong build