使用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.x.x分支来支持ES5。现在一切都很好。