Попытка понять структуру файла в приложении Angular 7 - PullRequest
0 голосов
/ 22 мая 2019

Я получил решение и поручил запустить npm run build, а затем «gulp dist».

Вот структура папок решения:

enter image description here

Если я запускаю файл pixie-> index.html в браузере, мое полное приложение работает нормально.

Полное приложение находится в исходной папке. это означает, что source является папкой приложения. Я запускаю все команды ng в папке source.

source -> src -> app -> ....

Но если я запускаю его по ng-serve, другой HTML-файл, который находится в

source -> dist -> angular -> index.html location, работает.

Я хотел понять структуру, и как мне внести изменения и оказать влияние в файле pixie-> index.html ? потому что, какие бы изменения я ни делал, это не влияет на pixie -> index.html

Package.json

 {
  "name": "pixie2",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --aot --host 0.0.0.0",
    "build": "ng build --prod --source-map --deploy-url=assets/",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^7.2.0",
    "@angular/cdk": "^7.2.1",
    "@angular/common": "^7.2.0",
    "@angular/compiler": "^7.2.0",
    "@angular/core": "^7.2.0",
    "@angular/forms": "^7.2.0",
    "@angular/http": "^7.2.0",
    "@angular/material": "^7.2.1",
    "@angular/platform-browser": "^7.2.0",
    "@angular/platform-browser-dynamic": "^7.2.0",
    "@angular/router": "^7.2.0",
    "@ngxs/devtools-plugin": "^3.3.2",
    "@ngxs/logger-plugin": "^3.3.2",
    "@ngxs/schematics": "0.0.1-alpha.5",
    "@ngxs/store": "^3.3.2",
    "b64-to-blob": "^1.2.19",
    "canvas": "^2.5.0",
    "copy-to-clipboard": "^3.0.8",
    "core-js": "^2.6.2",
    "deepmerge": "^3.0.0",
    "dot-object": "^1.7.1",
    "fabric": "^2.6.0",
    "file-saver": "^2.0.0",
    "hammerjs": "^2.0.8",
    "hex-rgb": "^3.0.0",
    "ngx-color-picker": "^7.3.0",
    "node-gyp": "^4.0.0",
    "perfect-scrollbar": "^1.4.0",
    "raven-js": "^3.27.0",
    "rxjs": "^6.3.2",
    "url-polyfill": "^1.1.3",
    "webfontloader": "^1.6.28",
    "zone.js": "0.8.27"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.12.1",
    "@angular/cli": "^7.2.2",
    "@angular/compiler-cli": "^7.2.0",
    "@angular/language-service": "^7.2.0",
    "@ngxs/schematics": "^0.0.1-alpha.5",
    "@types/deepmerge": "^2.2.0",
    "@types/dot-object": "^1.5.0",
    "@types/fabric": "file:./fabric-types",
    "@types/file-saver": "^2.0.0",
    "@types/hammerjs": "^2.0.35",
    "@types/node": "~10.12.18",
    "@types/stripe-v3": "^3.0.9",
    "@types/webfontloader": "^1.6.29",
    "chartist": "^0.11.0",
    "codelyzer": "^4.5.0",
    "del": "^3.0.0",
    "gulp": "^4.0.0",
    "gulp-clean": "^0.4.0",
    "gulp-concat": "^2.6.1",
    "gulp-filter": "^5.1.0",
    "gulp-hub": "^4.2.0",
    "gulp-rename": "^1.2.2",
    "gulp-svg-sprite": "^1.5.0",
    "gulp-svgmin": "^2.1.0",
    "gulp-svgstore": "^7.0.1",
    "material-design-icons": "^3.0.1",
    "ts-node": "~7.0.1",
    "tslint": "~5.12.1",
    "typescript": "^3.1.1"
  }
}

Из каталога pixie у меня нормально работает приложение: enter image description here

Но у localhost: 4200 другая версия. как мне их сопоставить? enter image description here

1 Ответ

0 голосов
/ 22 мая 2019

Существует рабочая версия и версия для разработки сайта.

Пикси / папка была создана в результате команды ng build.Это производственная версия сайта.На ng build ваши файлы TypeScript передаются в Javascript и минимизируются.Это мало, как раз то, что нужно для запуска версии сайта.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...