Erläuterung und Struktur der neuen eckig.json-Datei (Winkel-cli 6.x)

Das neue eckige.json Datei in eckige 6.x, hat als Teil seiner Struktur die folgenden

"styles": [{
  "input": "src/styles.scss"
}],
"scripts": []
},

Meine aktuellen eckig/cli-v1.72 hat das äquivalent in der .Winkel-cli.json

"styles": [
  "../scss/bootstrap/bootstrap.scss",
  "../src/assets/styles/icon8.css",
  "styles.scss",
  "styles-props.css"
],
"scripts": [
  "../node_modules/web-animations-js/web-animations.min.js",
  "../node_modules/jquery/dist/jquery.js",
],

Wie kann ich umwandeln der v1.7.2 v-6.x-format?
Was bedeutet das "Eingang" in das neue format stellt?

Cheers

InformationsquelleAutor st_clair_clarke | 2018-04-13

  1. 3

    bin mit Klarheit Samen, hier meine umgewandelt (ng update @angular/cli) Winkel.json, vielleicht dies wird Ihnen helfen. 

    {
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "clarity-seed": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.json",
            "assets": [
              "src/images",
              "src/favicon.ico"
            ],
            "styles": [
              "node_modules/font-awesome/css/font-awesome.min.css",
              "node_modules/@clr/icons/clr-icons.min.css",
              "node_modules/@clr/ui/clr-ui.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/core-js/client/shim.min.js",
              "node_modules/mutationobserver-shim/dist/mutationobserver.min.js",
              "node_modules/@webcomponents/custom-elements/custom-elements.min.js",
              "node_modules/@clr/icons/clr-icons.min.js",
              "node_modules/web-animations-js/web-animations.min.js"
            ]
          },
         ...

    InformationsquelleAutor miff

  2. 1

    ich denke, änderten Sie das root-Verzeichnis, in dem die config-Werte beziehen auch.
    zB.

    in den alten .Winkel-cli.json , scheint es, dass die src-Ordner war der Bezugspunkt

    "styles": [
        "./styles/styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "./styles/app.css",
        "./styles/home.css",
        "./styles/navbar.css"      
      ],

    in das NEUE eckige.json, Bezugspunkt ist ein Hebel, über den src-Ordner... wo haben Sie Ihr Paket.json etc.

    "styles": [
              "src/styles/styles.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles/app.css",
              "src/styles/home.css",
              "src/styles/navbar.css"
            ],

    InformationsquelleAutor May

  3. 0

    Ich hatte Probleme beim hinzufügen von bootstrap nach der Aktualisierung. Dies ist, was schließlich für mich gearbeitet. 

    

    "styles": [
                  "node_modules/bootstrap/dist/css/bootstrap.min.css",
                  {
                    "input": "src/styles.css"
                  }
                ],
    Wie fügen Sie eine seocnd stylesheet? Wie handhaben Sie mehrere Skript-Pfade?

    InformationsquelleAutor cjfont84

  4. 0

    Versuchen

    ng update @angular/cli --migrate-only --from=1.7.4

    Diese entfernt .Winkel-cli.json erstellt und eckig.json.

    Führt dies zu Ihrem Projekt mit 1.7.4 installieren-v6-lokal:

    npm install --save-dev @angular/[email protected]

    Und versuchen Sie, erneut zu aktualisieren, Ihr Projekt mit:

    ng update @angular/cli --migrate-only --from=1.7.4

    InformationsquelleAutor Shashank Vivek

Schreibe einen Kommentar