Angular cli - alpine base, for development process. used in Gitlab CI/CD.
+-- alpine:3.12 ====> official image
|
+-- node:15.0.1-alpine3.12 ====> official image
| |
| +-- anacha/ng:8.0.0-rc.3-alpine ====> optional ***
| `-- anacha/ng:10.2.0-alpine ====> this project ***
| |
| (+)-- anacha/ng-testplat:10.2.0-alpine ====> for ng e2e and unit testing
| |
`------ anacha/e2e-testplat:68-alpine ====> (Optional for other projects)
| Image | base-0 image | base-1 image |
|---|---|---|
| ng:10.2.0-alpine | node:15.0.1-alpine | alpine:3.12 |
| ng:10.1.7-alpine | node:14.14.0-alpine | alpine:3.12 |
| ng:10.1.6-alpine | node:14.13.1-alpine | alpine:3.12 |
| ng:10.1.2-alpine | node:14.11.0-alpine | alpine:3.12 |
| ng:10.1.1-alpine | node:14.10.1-alpine | alpine:3.12 |
| ng:10.1.0-alpine | node:14.9.0-alpine | alpine:3.12 |
| ng:10.0.8-alpine | node:14.9.0-alpine | alpine:3.12 |
| ng:10.0.7-alpine | node:14.8.0-alpine | alpine:3.12 |
| ng:10.0.6-alpine | node:14.8.0-alpine | alpine:3.12 |
| ng:10.0.5-alpine | node:14.7.0-alpine | alpine:3.12 |
| ng:10.0.4-alpine | node:14.6.0-alpine | alpine:3.12 |
| ng:10.0.3-alpine | node:14.5.0-alpine | alpine:3.12 |
| ng:10.0.1-alpine | node:14.5.0-alpine | alpine:3.12 |
| ng:10.0.0-alpine | node:14.4.0-alpine | alpine:3.11 |
| ng:9.1.9-alpine | node:14.4.0-alpine | alpine:3.11 |
| ng:9.1.8-alpine | node:14.4.0-alpine | alpine:3.11 |
| ng:9.1.7-alpine | node:14.3.0-alpine | alpine:3.11 |
| ng:9.1.0-alpine | node:13.12.0-alpine | alpine:3.11 |
| ng:9.0.7-alpine | node:13.12.0-alpine | alpine:3.11 |
| ng:9.0.6-alpine | node:13.10.0-alpine | alpine:3.11 |
| ng:9.0.5-alpine | node:13.10.1-alpine | alpine:3.11 |
| ng:9.0.4-alpine | node:13.8.0-alpine | alpine:3.11 |
| ng:9.0.3-alpine | node:13.8.0-alpine | alpine:3.11 |
| ng:9.0.2-alpine | node:13.8.0-alpine | alpine:3.11 |
| ng:9.0.1-alpine | node:13.8.0-alpine | alpine:3.11 |
| ng:8.3.25-alpine | node:13.7.0-alpine | alpine:3.11 |
| ng:8.3.24-alpine | node:13.7.0-alpine | alpine:3.11 |
| ng:8.3.23-alpine | node:13.6.0-alpine | alpine:3.11 |
| ng:8.3.22-alpine | node:13.6.0-alpine | alpine:3.11 |
| ng:8.3.21-alpine | node:13.6.0-alpine | alpine:3.11 |
| ng:8.3.20-alpine | node:13.2.0-alpine | alpine:3.10 |
| ng:8.3.19-alpine | node:13.1.0-alpine | alpine:3.10 |
| ng:8.3.18-alpine | node:13.1.0-alpine | alpine:3.10 |
| ng:8.3.17-alpine | node:13.0.1-alpine | alpine:3.10 |
| ng:8.3.16-alpine | node:13.0.1-alpine | alpine:3.10 |
| ng:8.3.15-alpine | node:13.0.1-alpine | alpine:3.10 |
| ng:8.3.14-alpine | node:13.0.1-alpine | alpine:3.10 |
| ng:8.3.12-alpine | node:12.12.0-alpine | alpine:3.9 |
| ng:8.3.10-alpine | node:12.12.0-alpine | alpine:3.9 |
| ng:8.3.9-alpine | node:12.12.0-alpine | alpine:3.9 |
| ng:8.3.8-alpine | node:12.11.1-alpine | alpine:3.9 |
| ng:8.3.7-alpine | node:12.11.1-alpine | alpine:3.9 |
| ng:8.3.6-alpine | node:12.10.0-alpine | alpine:3.9 |
| ng:8.3.5-alpine | node:12.10.0-alpine | alpine:3.9 |
| ng:8.3.4-alpine | node:12.10.0-alpine | alpine:3.9 |
| ng:8.3.3-alpine | node:12.10.0-alpine | alpine:3.9 |
| ng:8.3.2-alpine | node:12.10.0-alpine | alpine:3.9 |
| ng:8.3.1-alpine | node:12.10.0-alpine | alpine:3.9 |
| ng:8.3.0-alpine | node:12.10.0-alpine | alpine:3.9 |
| ng:8.2.2-alpine | node:12.8.1-alpine | alpine:3.9 |
| ng:8.2.1-alpine | node:12.8.0-alpine | alpine:3.9 |
| ng:8.2.0-alpine | node:12.7.0-alpine | alpine:3.9 |
| ng:8.1.3-alpine | node:12.7.0-alpine | alpine:3.9 |
| ng:8.1.2-alpine | node:12.6.0-alpine | alpine:3.9 |
| ng:8.1.0-alpine | node:12.5.0-alpine | alpine:3.9 |
| ng:8.0.6-alpine | node:12.5.0-alpine | alpine:3.9 |
| ng:8.0.5-alpine | node:12.5.0-alpine | alpine:3.9 |
| ng:8.0.4-alpine | node:12.4.0-alpine | alpine:3.9 |
| ng:8.0.3-alpine | node:12.4.0-alpine | alpine:3.9 |
| ng:8.0.2-alpine | node:12.4.0-alpine | alpine:3.9 |
| ng:8.0.1-alpine | node:12.3.1-alpine | alpine:3.9 |
| ng:8.0.0-alpine | node:12.3.1-alpine | alpine:3.9 |
| ng:7.3.9-alpine | node:12.2.0-alpine | alpine:3.9 |
| ng:7.3.8-alpine | node:11.13.0-alpine | alpine:3.9 |
| ng:7.3.7-alpine | node:11.13.0-alpine | alpine:3.9 |
| ng:7.3.6-alpine | node:11.12.0-alpine | alpine:3.9 |
| ng:7.3.5-alpine | node:11.11.0-alpine | alpine:3.9 |
| ng:7.3.4-alpine | node:11.10.1-alpine | alpine:3.9 |
| ng:7.3.3-alpine | node:11.10.0-alpine | alpine:3.9 |
| ng:7.3.2-alpine | node:11.10.0-alpine | alpine:3.9 |
| ng:7.3.1-alpine | node:11.9.0-alpine | alpine:3.8 |
| ng:7.3.0-alpine | node:11.9.0-alpine | alpine:3.8 |
| ng:7.2.3-alpine | node:11.7.0-alpine | alpine:3.8 |
| ng:7.2.2-alpine | node:11.7.0-alpine | alpine:3.8 |
| ng:7.2.1-alpine | node:11.6.0-alpine | alpine:3.8 |
| ng:7.2.0-alpine | node:11.6.0-alpine | alpine:3.8 |
| ng:6.2.9-alpine | node:11.6.0-alpine | alpine:3.8 |
| ng:7.1.4-alpine | node:11.5.0-alpine | alpine:3.8 |
| ng:7.1.3-alpine | node:11.4.0-alpine | alpine:3.8 |
| ng:7.1.2-alpine | node:11.3.0-alpine | alpine:3.8 |
| ng:7.1.1-alpine | node:11.3.0-alpine | alpine:3.8 |
| ng:7.1.0-alpine | node:11.3.0-alpine | alpine:3.8 |
| ng:6.2.8-alpine | node:11.2.0-alpine | alpine:3.8 |
| ng:7.0.6-alpine | node:11.1.0-alpine | alpine:3.8 |
| ng:6.2.7-alpine | node:11.1.0-alpine | alpine:3.8 |
| ng:7.0.5-alpine | node:11.1.0-alpine | alpine:3.8 |
| ng:7.0.4-alpine | node:11.0.0-alpine | alpine:3.8 |
| ng:7.0.3-alpine | node:11.0.0-alpine | alpine:3.8 |
| ng:7.0.2-alpine | node:11.0.0-alpine | alpine:3.8 |
| ng:6.2.6-alpine | node:10.12.0-alpine | alpine:3.8 |
| ng:7.0.1-alpine | node:10.12.0-alpine | alpine:3.8 |
| ng:6.2.5-alpine | node:10.12.0-alpine | alpine:3.8 |
| ng:6.2.4-alpine | node:10.11.0-alpine | alpine:3.8 |
| ng:6.2.3-alpine | node:10.10.0-alpine | alpine:3.8 |
| ng:6.2.2-alpine | node:10.10.0-alpine | alpine:3.8 |
| ng:6.2.1-alpine | node:10.10.0-alpine | alpine:3.8 |
| ng:6.1.5-alpine | node:10.9.0-alpine | alpine:3.8 |
| ng:6.1.4-alpine | node:10.9.0-alpine | alpine:3.8 |
| ng:6.1.3-alpine | node:10.8.0-alpine | alpine:3.8 |
| ng:6.1.2-alpine | node:10.8.0-alpine | alpine:3.8 |
| ng:6.1.1-alpine | node:10.7.0-alpine | alpine:3.8 |
| ng:6.1.0-alpine | node:10.7.0-alpine | alpine:3.8 |
| ng:6.0.8-alpine | node:10.4.0-alpine | alpine:3.7 |
| ng:6.0.7-alpine | node:10.3.0-alpine | alpine:3.7 |
| ng:6.0.5-alpine | node:10.2.1-alpine | alpine:3.7 |
| ng:6.0.3-alpine | node:10.1.0-alpine | alpine:3.7 |
| ng:1.7.4-alpine | node:9.10.1-alpine | alpine:3.6 |
| ng:1.7.4-alpine | node:9.10.1-alpine | alpine:3.6 |
| ng:1.7.3-alpine | node:9.7.1-alpine | alpine:3.6 |
| ng:1.7.2-alpine | node:9.6.1-alpine | alpine:3.6 |
| ng:1.7.1-alpine | node:9.6.1-alpine | alpine:3.6 |
| ng:1.7.0-alpine | node:9.5.0-alpine | alpine:3.6 |
| ng:1.6.8-alpine | node:9.5.0-alpine | alpine:3.6 |
| ng:1.6.7-alpine | node:9.5.0-alpine | alpine:3.6 |
| ng:1.6.6-alpine | node:9.4.0-alpine | alpine:3.6 |
| ng:1.6.5-alpine | node:9.4.0-alpine | alpine:3.6 |
| ng:1.6.4-alpine | node:9.4.0-alpine | alpine:3.6 |
| ng:1.6.3-alpine | node:9.3.0-alpine | alpine:3.6 |
| ng:1.6.2-alpine | node:9.3.0-alpine | alpine:3.6 |
| ng:1.6.1-alpine | node:9.3.0-alpine | alpine:3.6 |
| ng:1.6.0-alpine | node:9.2.0-alpine | alpine:3.6 |
| ng:1.5.5-alpine | node:9.2.0-alpine | alpine:3.6 |
| ng:1.5.4-alpine | node:9.2.0-alpine | alpine:3.6 |
| ng:1.5.3-alpine | node:9.2.0-alpine | alpine:3.6 |
| ng:1.5.2-alpine | node:9.2.0-alpine | alpine:3.6 |
| ng:1.5.0-alpine | node:9.0.0-alpine | alpine:3.6 |
// with @angular/[email protected].*
+-- .angular-cli.json
|
`-- (add app1 to .angular-cli.json)
+-- (Step 0:) Install @angular/platform-server
| `-- npm install --save-dev @angular/platform-server
+-- (Step 1:) Prepare your app for Universal rendering
| +-- edit: src/app/app.module.ts
| | `-- BrowserModule.withServerTransition({appId: 'er-app-pccm-dom'})
| `-- create: src/app/app.server.module.ts
+-- (Step 2:) Create a server main file and tsconfig to build it
| +-- create: src/main.server.ts
| | `-- export {AppServerModule} from './app/app.server.module';
| +-- create: src/tsconfig.server.json
| |-- copy from src/tsconfig.app.json
| +-- "module": "commonjs" // Set the module format to "commonjs"
| `-- "angularCompilerOptions": { "entryModule": "app/app.server.module#AppServerModule" } // Add "angularCompilerOptions" with the AppServerModule
+-- (Step 3:) Create a new project in .angular-cli.json
| +-- copy app[0] to app[1]
| +-- app[1].platform: "server";
| +-- app[1].main: "main.server.ts"
| +-- app[1].tsconfig: "tsconfig.server.json"
| `-- delete app[1].polyfills
+-- (Step 4:) Building the bundle
| +-- ng build --prod
| `-- ng build --prod --app=1
+-- (Step 5:) Testing the bundle
+-- echo -e "const main_path='${ls dist-server/main.+.bundle.js}';" > ssr.js
+-- cat ssr-pre.js >> ssr.js
`-- node ssr.js
Content type
Image
Digest
Size
149.2 MB
Last updated
almost 6 years ago
docker pull anacha/ng