hmm: In Angular externe lib per Webpack einbinden

Beitrag lesen

hi,

ich kann in einem Angular Projekt externe JavaScript libs per CLI einbinden, indem ich die Pfade zur lib in der angular.json unter architect in scripts und assets eintrage. Jetzt habe ich ein Angular Projekt, welches nur Webpack nutzt ohne das CLI verwendet werden kann. Wie kann ich meine externe lib hier einbinden?

Diese Konfig aus meinem Angular CLI Projekt würde ich gerne in mein Angula-nur-Webpack Projekt auf Webpack "umschreiben", so dass ich die lib mxGraph auch unter Webpack nutzen kann ("src/assets/lib/mxgraph/javascript/mxClient.js" und "src/assets").

      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/angular-with-mxgraph",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": true,
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.scss"
            ],
            "scripts": [
              "src/assets/lib/mxgraph/javascript/mxClient.js"
            ]
          },

Ich habe in meiner Webpack Konfig mit dem Entrypoint und mit requiere rumgespielt und ein paar Plugins ausprobiert, aber leider hat das alles nicht geholfen.