Asp.Net Core with Metronic for Angular web application takes so long to load

Dariush Malek 1 Reputation point
2020-09-14T08:27:44.957+00:00

I use Metronic (https://keenthemes.com/metronic/) for Angular in my Asp.Net Core 3.1 web application. but it takes so long time to load everytime Run in visual studio (about 3 min). it took a normal time to load before using metronic.

Here is my start part of package.json

{
  "name": "techlandlms.web",
  "version": "0.0.0",
  "description": "Packages used by Angular",
  "scripts": {
    "ng": "ng",
    "start": "ng serve  --prod",
    "build": "\"ng build  --prod,",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "bundle-report": "webpack-bundle-analyzer dist/stats.json",
    "rtl": "webpack"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "9.1.3",
    "@angular/cdk": "9.2.1",

I use Metronic (https://keenthemes.com/metronic/) for Angular in my Asp.Net Core 3.1 web application. but it takes so long time to load everytime Run in visual studio (about 3 min). it took a normal time to load before using metronic.

Here is my start part of package.json

{
"name": "techlandlms.web",
"version": "0.0.0",
"description": "Packages used by Angular",
"scripts": {
"ng": "ng",
"start": "ng serve --prod",
"build": "\"ng build --prod,",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"bundle-report": "webpack-bundle-analyzer dist/stats.json",
"rtl": "webpack"
},
"private": true,
"dependencies": {
"@angular/animations": "9.1.3",
"@angular/cdk": "9.2.1",

And start part of angular.json:

{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"metronic": {
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
"style": "scss"
}
},
"root": "",
"sourceRoot": "src",
"prefix": "kt",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"aot": true,
"assets": [
"src/favicon.ico",
"src/assets",
"src/.htaccess"
],
"styles": [
"src/styles.scss"
],
"scripts": [
"node_modules/popper.js/dist/umd/popper.js",
"node_modules/tooltip.js/dist/umd/tooltip.min.js",
"node_modules/perfect-scrollbar/dist/perfect-scrollbar.js",
"node_modules/clipboard/dist/clipboard.js",
"node_modules/apexcharts/dist/apexcharts.min.js",
"src/assets/js/layout/extended/examples.js"
],
"es5BrowserSupport": true
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],

Community Center Not monitored
{count} votes

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.