advanced use and more
`${new Date().getFullYear() - 2012} years with Angular`
--inline-style, --inline-template
--view-encapsulation
--prefix
--skip-tests or --minimal ( --dry-run)
--routing
--style
--base-href
--extract-css
--output-hashing
--verbose
--service-worker
ng generate application
ng generate library
ng generate univeral
--collection @schematics/angular
ng new
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"myapp": {
...
},
"myapp2": {
...
},
"myapp3": {
...
},
},
"defaultProject": "myapp"
}
ng generate library mylib
cd dist/mylib
npm publish
ng generate universal project-name
--ssl (--ssl-cert --ssl-key)
--open
--proxy-config
--hmr
--fix
ng get project.name
ng set "apps[0].root" src
--proxy-config proxy.conf.json
{
"/api": {
"target": "http://localhost:3000"
}
}
proxy.conf.json
{
"/api": {
target: "http://localhost:3000",
pathRewrite: {"^/api" : ""}
}
}
proxy.conf.json
{
"/api": {
target: "http://localhost:3000",
bypass: function(req, res, proxyOptions) {
if (req.headers.accept.indexOf("html") !== -1) {
console.log("Skipping proxy for browser request.");
return "/index.html";
}
}
}
}
proxy.conf.json
$ ng serve --hmr -e=hmr
$ npm install -D @angularclass/hmr
import { NgModuleRef, ApplicationRef } from '@angular/core';
import { createNewHosts } from '@angularclass/hmr';
export const hmrBootstrap =
(module: any, bootstrap: () => Promise<NgModuleRef<any>>) => {
let ngModule: NgModuleRef<any>;
module.hot.accept();
bootstrap().then(currentModule => ngModule = currentModule);
module.hot.dispose(() => {
const appRef: ApplicationRef = ngModule.injector.get(ApplicationRef);
const elements = appRef.components.map(c => c.location.nativeElement);
const removeOldHosts = createNewHosts(elements);
ngModule.destroy();
removeOldHosts();
});
};
import { createNewHosts } from '@angularclass/hmr';
bootstrap().then(currentModule => ngModule = currentModule);
module.hot.dispose(() => {
removeOldHosts = createNewHosts(elements);
ngModule.destroy();
removeOldHosts();
});