Угловое приложение не улучшено после сборки с флагом «prod»

Question

Я использую Angular 7. Мои настройки для production build содержат ключи optimization=true и buildOptimizer=true. Я включу часть полной production части конфигурации моего angular.json файла внизу.

Я запускаю автоматическую сборку на AWS Amplify. Я также включу конфигурацию сборки внизу, но по сути она работает npm run build --prod.

Проблема в том, что после успешной сборки я могу перейти к своему веб-приложению и по-прежнему видеть весь исходный код без изменений (перейдя в консоль разработчика Chrome и просмотрев содержимое каталога webpack). Не могу точно определить, что я сделал не так.

angular.json:

"production": {
  "fileReplacements": [
    {
      "replace": "src/environments/environment.ts",
      "with": "src/environments/environment.prod.ts"
    }
  ],
  "optimization": true,
  "outputHashing": "all",
  "sourceMap": false,
  "extractCss": true,
  "namedChunks": false,
  "aot": true,
  "extractLicenses": true,
  "vendorChunk": false,
  "buildOptimizer": true,
  "budgets": [
    {
      "type": "initial",
      "maximumWarning": "2mb",
      "maximumError": "5mb"
    }
  ],
  "serviceWorker": true
}

Сценарий сборки:

version: 0.1
frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - npm run build --prod
  artifacts:
    baseDirectory: dist/myprojectname
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

Answer 1

Если вы используете webpack, попробуйте devtool option devtool: "hidden-source-map" в качестве обходного пути.

Answer 2

Почему бы не использовать Angular-CLI ?.

Просто команда

ng build --prod

Я думаю, что 'npm run build --prod' - это пользовательская команда. Итак, флаг товара не определен. не так ли?