使用Webpack和Typescript-loader导入和翻译外部库

uki园

我有使用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中,最终以我的捆绑软件中针对ES5设备的constandlet关键字结尾这会导致JS错误。

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

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

uki园

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章