2017-12-09 9 views
0

WebpackとTypescript(typescript-loader)を使用するプロジェクトがあります。マイtsconfig.jsonファイルは非常に簡単ですし、ES5をターゲットに設定されている:Webpackとtypescript-loaderを使用した外部ライブラリのインポートと翻訳

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

WebPACKの設定ファイルは、私のtypescriptですファイルに対して次のルールが含まれています

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

すべての私のプロジェクトファイルとしてコンパイルされていますES5をコード化し、うまく動作させることを意図していますしかし、私のTSファイルの一つで、私はNPMを通じてインストールライブラリをインポート:import * as striptags from "striptags"

問題は、このファイルはES5にtranspiledとES5デバイスをターゲットにしている私のバンドル内constletキーワードで終了されていないということです。これにより、JSエラーが発生します。

外部のstriptagsライブラリをインポートして、それをクライアント側のコードを破壊しないようにES5に転送するにはどうすればよいですか?

私はTypeScript 2.6.1とWebpack 3.10.0を使用しています。ありがとう!

答えて

0

私はstriptagsライブラリのreadmeを正しく読まなかったことに気付きました。 ES5サポートのために2.x.xブランチを使用する必要があることが記載されています。すべて今はうまくいく。

+0

いずれか、または、トランスペラレータを使用して、スクリプトタグが使用しているES2015 +コードを変換することができます。最新のスクリプトタグで試してみたい場合は、この変更を確認してbabel-loaderを使用してください:https://github.com/rakcheru/webpack-bootstrap/commit/11faa5757701422715ff76f1536e3a4a67020f68変更はnode_modulesを除外することに注意してください。それはあなたの場合に削除する必要があります。 –

関連する問題