javascript - Externe bibliotheek importeren en transpilen met Webpack en typescript-loader
Ik heb een project dat Webpack en Typescript (typescript-loader) gebruikt. Mijn tsconfig.json-bestand is vrij eenvoudig en is ingesteld om ES5 te targeten:
{
"compilerOptions": {
"outDir": "./public/dist",
"noImplicitAny": false,
"target": "es5",
"module": "commonjs",
"sourceMap": true,
}
}
Het webpack-configuratiebestand bevat de volgende regel voor mijn TypeScript-bestanden:
module: {
rules: [{
test: /\.ts?$/,
loader: 'ts-loader'
}]
},
Al mijn projectbestanden worden zoals bedoeld naar ES5-code gecompileerd en draaien goed. In een van mijn TS-bestanden importeer ik echter een bibliotheek die via NPM is geïnstalleerd: import * as striptags from "striptags"
Het probleem is dat dit bestand niet wordt getranspileerd naar ES5 en eindigt met const en let trefwoorden in mijn bundel die gericht is op ES5-apparaten. Dit veroorzaakt JS-fouten.
Hoe kan ik de externe striptags bibliotheek importeren en transpilen naar ES5 zodat het mijn client-side code niet breekt?
Ik gebruik TypeScript 2.6.1 en Webpack 3.10.0. Bedankt!
Antwoord #1
Ik merkte dat ik de readme van de striptags-bibliotheek niet correct had gelezen. Daar staat dat je de 2.x.x-tak moet gebruiken voor ES5-ondersteuning. Alles werkt nu prima.