Angular Как уменьшить размер вендора и основных js-файлов - PullRequest
Новая
       15

Angular Как уменьшить размер вендора и основных js-файлов

0 голосов
/ 28 февраля 2019

Я установил Установить source-map-explorer необходимо глобально, чтобы уменьшить количество комплектов файлов для оптимизации анализа

  • Чтобы увеличить скорость начальной загрузки страницы, которую я сделал
  1. Модуль отложенной загрузки с предварительной загрузкой.
  2. Сжатие Gulp настроено для файлов изображений и JS.

, поэтому необходимо уменьшитьJS-файлы, я не увидел файл webpack.conf ссылка в моем проекте angular 6.

$ npm install -g source-map-explorer

package.json 

  {
  "name": "cfch",
  "version": "0.0.0",
  "main": "gulpfile.js",
  "scripts": {
    "ng": "ng",
    "start": "gulp && ng serve  --proxy-config proxy.conf.json",
    "build": "ng build --prod --source-map gulp",
    "prebuild": "gulp"
  },
  "dependencies": {
    "@angular/animations": "^6.1.0",
    "@angular/cdk": "^6.1.0",
    "@angular/common": "^6.1.0",
    "@angular/compiler": "^6.1.0",
    "@angular/core": "^6.1.0",
    "gulp-htmlmin": "^5.0.1",
    "gulp-imagemin": "^5.0.3",
    "gulp-minify-css": "^1.2.4",
    "gulp-uglify": "^3.0.1",
    "ts-xlsx": "0.0.11",
    "webpack-sources": "^1.3.0",
  },
"devDependencies": {
    "source-map-explorer": "^1.7.0",
   }

Result

Note:vendor.js and main.js 2.4MB and 222KB
...