Angular 7: Multi-projects app, prevent the build of a project to compile the style of another project

Asked
Active3 hr before
Viewed126 times

7 Answers

compileprojectsbuildangularproject
90%

Create a new Angular project with the CLI, Create a new Angular project with the CLI ,Please find the example shown here in the sample application in the folder projects/getting-started,,Extend the Angular CLI's default build behavior without ejecting:

Example_snippet/controller/utility/_compile.js/ ng update ngx-build-plus --for. . .
ng update ngx - build - plus--force
load more v
88%

A file named angular,json at the root level of an Angular workspace provides workspace-wide and project-specific configuration defaults for build and development tools provided by the Angular CLI

Example_snippet/controller/utility/_compile.js/ content_copy . . .
      content_copy

         "projects": {
            "app_name": {
               ...
            }
            ...
         }
load more v
72%

This blog post is a guide for every developer that would like to create an Angular Workspace with several applications and libraries,,OctoPerf’s Load Testing IDE (Kraken) is an application with two frontends:,Hopefully, an Angular workspace and its configuration files can be generated using the Angular CLI

Example_snippet/controller/utility/_compile.js/ 1 . . .
1
load more v
65%

Create the Empty Workspace,can i use one project components in another project?, In this guide, we learned how to organize multiple apps in one single workspace/Project in Angular,,newProjectRoot: node points to the location of the projects folder

Example_snippet/controller/utility/_compile.js/ ng new <new>. . .
ng new <new>
Step 2 continued with <new>. . .
<new>
Step 3 continued with createApplication="false". . .
createApplication = "false"
load more v
75%

Now all the Ionic apps that we generate will be added to the projects key of that file, and we can alter simply select one of them to run by passing a flag, Make sure that you navigate your command line into the projects folder for the next commands as otherwise the apps would be in the wrong place

Example_snippet/controller/utility/_projects.js/ --project. . .
--project
40%

You may need to have an Angular project that has multiple apps so you can run the build of a particular app, say depending on the customer you’re preparing the build for, In my case, I wanted to create a project with multiple apps that I use in my Angular workshops

Example_snippet/controller/utility/_projects.js/ "apps": [ { "name":"app1",. . .
"apps": [{
      "name": "app1",
      "root": "src",
      "outDir": "dist",
      "assets": [
         "assets",
         "favicon.ico"
      ],
      "index": "index.html",
      "main": "main-resolver.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
         "styles.css",
         "../node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
         "dev": "environments/environment.ts",
         "prod": "environments/environment.prod.ts"
      }
   },
   {
      "name": "app2",
      "root": "src",
      "outDir": "dist2",
      "assets": [
         "assets",
         "favicon.ico"
      ],
      "index": "index.html",
      "main": "main-luxury.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
         "styles.css",
         "scripts": [],
         "environmentSource": "environments/environment.ts",
         "environments": {
            "dev": "environments/environment.ts",
            "prod": "environments/environment.prod.ts"
         }
      }
   ],
22%

Meta Stack Overflow , Stack Overflow help chat ,Stack Overflow en español,Stack Overflow на русском

Example_snippet/controller/utility/_projects.js/ { "extends": "../../tsconfig. . .
{
   "extends": "../../tsconfig.json",
   "compilerOptions": {
      "outDir": "../../out-tsc/app",
      "types": []
   },
   "exclude": [
      "test.ts",
      "**/*.spec.ts"
   ]
}
load more v