chore(template): order modules

npm/ng-packs/package.json

@@ -33,10 +33,12 @@
     "@types/node": "~8.9.4",
     "angular-oauth2-oidc": "^8.0.1",
     "bootstrap": "^4.3.1",
+    "chart.js": "^2.8.0",
     "codelyzer": "^5.0.0",
     "font-awesome": "^4.7.0",
     "jasmine-core": "~3.4.0",
     "jasmine-spec-reporter": "~4.2.1",
+    "just-clone": "3.1.0",
     "just-compare": "^1.3.0",
     "karma": "~4.1.0",
     "karma-chrome-launcher": "~2.2.0",
@@ -56,8 +58,6 @@
     "tslib": "^1.9.0",
     "tslint": "~5.15.0",
     "typescript": "~3.5.3",
-    "zone.js": "~0.9.1",
-    "just-clone": "3.1.0",
-    "chart.js": "^2.8.0"
+    "zone.js": "~0.9.1"
   }
 }

templates/app/angular/src/app/app.module.ts

@@ -18,10 +18,6 @@ import { TenantManagementProviders } from '@abp/ng.tenant-management';
 @NgModule({
   declarations: [AppComponent],
   imports: [
-    BrowserModule,
-    BrowserAnimationsModule,
-    AppRoutingModule,
-    SharedModule,
     ThemeSharedModule.forRoot(),
     CoreModule.forRoot({
       environment,
@@ -29,9 +25,12 @@ import { TenantManagementProviders } from '@abp/ng.tenant-management';
         layouts: LAYOUTS,
       },
     }),
-
     OAuthModule.forRoot(),
     NgxsModule.forRoot([]),
+    BrowserModule,
+    BrowserAnimationsModule,
+    AppRoutingModule,
+    SharedModule,
     NgxsReduxDevtoolsPluginModule.forRoot({ disabled: environment.production }),
   ],
   providers: [...AccountProviders({ redirectUrl: '/' }), ...IdentityProviders(), ...TenantManagementProviders()],