使用Webpack和Typescript-loader导入和转换外部库

Question

我有使用Webpack和Typescript（typescript-loader）的项目。 我的tsconfig.json文件非常简单，并设置为目标ES5：

{
    "compilerOptions": {
        "outDir": "./public/dist",
        "noImplicitAny": false,
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true,
    }
}

webpack配置文件包含有关我的打字稿文件的以下规则：

module: {
    rules: [{
       test: /\.ts?$/,
       loader: 'ts-loader'
    }]
},

我的所有项目文件均已按照ES5代码进行编译并运行良好。 但是，在我的一个TS文件中，我导入了通过NPM安装的库： import * as striptags from "striptags"

问题在于该文件未转换为ES5，最终以const并let我的捆绑软件中的关键字针对ES5设备。 这会导致JS错误。

如何导入外部striptags库并将其转换为ES5，以免破坏客户端代码？

我正在使用TypeScript 2.6.1和Webpack 3.10.0。 谢谢！

Answer 1

我注意到我没有正确阅读striptags库的自述文件。 它指出您应将2.xx分支用于ES5支持。 现在一切正常。