javascript - Hur använder jag externa beroenden i IntelliJ typescript utan Node.js?
Jag är ny på TypeScript, så förlåt om detta är grundläggande.
Jag arbetar för närvarande med en liten TypeScript-webbapp i IntelliJ IDEA 2020. Jag vill att den ska köras helt i webbläsaren, vilket jag tror innebär att jag inte kan använda Node för något annat än att kompilera till JavaScript. Jag vill också använda några externa beroenden, som JQuery och Plotly, som finns tillgängliga via NPM såväl som via CDN och har .d.ts-deklarationsfiler.
Tyvärr kan jag inte lista ut hur jag ska använda dessa beroenden utan att IntelliJ klagar i editorn, TypeScript misslyckas med att kompilera och/eller att min webbläsare kastar ett fel när jag försöker köra den kompilerade JavaScript-koden. Just nu får jag de två första: Plotly är röd ("Cannot find name 'Plotly'.") och har en gul understrykning ("Reference to a UMD global"). Jag har laddat ner plotly-latest och @types/plotly.js i Inställningar > Språk &ramverk > JavaScript > Bibliotek, lagt till plotly.js i Inställningar > Språk &ramverk > Node.js och NPM, och direkt inkluderat .d.ts-filerna i tsconfig.json. Vad missar jag?
Här är hur min tsconfig.json ser ut (jag använder AMD för att kunna importera mina källfiler i varandra, men låt mig veta om jag gör fel eller om det finns något annat jag borde lägga dit):
{
"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"
]
}