Ng 构建到多个项目 angular

Question

Hello I have a workspace in angular with two applications app1 and app2.

My question is, how do you upload to the server? The two applications and workspace with the package.json configuration of workspace obviously.

When I have a single application, I upload the contents of the dist folder.

But now I don't know

Answer 1

If you are using Angular CLI Workspace. then it's actually easy. If you have two or more projects. Example app1 , app2 .

To build app1

ng build --project app1  --prod  

Your build will be stored in dist/app1 . you can copy that to your server

To build app2

ng build --project app2  --prod  

Your build will be stored in dist/app2 . you can copy that to your server

Bonus Add those lines to your package.json inside the scripts property

 {
  "name": "testapp",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build:app1": "ng build --project app1  --prod",
    "build:app2": "ng build --project app2  --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

Then you can run if you are using npm

npm run build:app1

or if you are using yarn

yarn build:app1