This project was generated with Angular CLI version 8.3.3.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
.
- Create layout module
ng g m layouts/layout2 --routing=true
- Create default index component
ng g c layouts/layout2/index --export=true -s --skipTests=true --viewEncapsulation=None
- Add Route in
layout2-routing.module.ts
const routes: Routes = [ { path: '', component: IndexComponent, children: [ ] } ];
- After append routes in
app-routing.module.ts
const routes: Routes = [ { path: 'layout2', loadChildren: './layout2/layout2.module#Layout2Module' } ];
- Create page component
ng g c views/page-name --export=true -s --skipTests=true
- Add Route in
views-routing.module.ts
const routes: Routes = [ { path: 'page-name', component: PageNameComponent } ];
Create component
ng g c components/sofbox/component-name --export=true -s --skipTests=true
Export Component
@NgModule({
declarations: [LoaderComponent, ScrollTopComponent],
exports: [
LoaderComponent,
ScrollTopComponent,
/** --- Add Your Component -- **/
],
Append CSS in angular.json
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
.....
"styles": [
"src/styles.scss",
/* -- ADD CSS -- */
],
Append JS in angular.json
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
.....
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
/* -- ADD JS -- */
],
####Action ng generate action store/actions/
####Reducer ng generate reducer store/reducers/ ####Selector ng generate selector store/selectes/
ng build --aot=true --extractCss=true --prod=true --serviceWorker=true
####After firebase deploy