Zoeken op website

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.