javascript - Cum pot folosi dependențe externe în IntelliJ typescript fără Node.js?


Sunt nou în TypeScript, așa că îmi cer scuze dacă acest lucru este de bază.

Lucrez în prezent la o mică aplicație web în TypeScript în IntelliJ IDEA 2020. Vreau ca aceasta să ruleze complet în browser, ceea ce cred că înseamnă că nu pot folosi Node decât pentru a compila în JavaScript. De asemenea, vreau să folosesc unele dependințe externe, cum ar fi JQuery și Plotly, care sunt disponibile prin NPM, cât și prin CDN și au fișiere de declarație .d.ts.

Din păcate, nu reușesc să înțeleg cum să folosesc aceste dependențe fără ca IntelliJ să dea erori în editor, TypeScript să nu compileze și/sau browserul meu să arunce o eroare când încerc să rulez JavaScript-ul compilat. În acest moment primesc primele două: Plotly este marcat cu roșu („Cannot find name 'Plotly'.”) și are o subliniere galbenă („Reference to a UMD global”). Am descărcat plotly-latest și @types/plotly.js în Settings > Languages & Frameworks > JavaScript > Libraries, am adăugat plotly.js în Settings > Languages & Frameworks > Node.js and NPM și am inclus direct fișierele .d.ts în tsconfig.json. Ce îmi lipsește?

Iată cum arată tsconfig.json al meu (folosesc AMD pentru a-mi permite să import fișierele sursă unul în altul, dar anunță-mă dacă greșesc cu asta sau dacă ar trebui să pun altceva acolo):

{
  "compilerOptions": {
    "lib": ["ES2016", "DOM"],
    "allowJs": true,
    "downlevelIteration": true,
    "allowSyntheticDefaultImports": true,
    "noEmitOnError": true,
    "module": "AMD",
    "outFile": "./build/build.js"
  },
  "include": [
    "src/*",
    "../../../.IntelliJIdea2019.3/config/javascript/extLibs/global-types/node_modules/@types/jquery/misc.d.ts",
    "../../../.IntelliJIdea2019.3/config/javascript/extLibs/global-types/node_modules/@types/tinyqueue/index.d.ts",
    "../../../.IntelliJIdea2019.3/config/javascript/extLibs/global-types/node_modules/@types/plotly.js/lib/index.d.ts"
  ]
}