2017-09-28 19 views
1

ウェブコンポーネントを読み込むにはwebpackを設定する必要があります。問題は私もtypescriptを使いたいということです。今まで私が見つけた唯一の解決策はweb-components-loaderです。それはbabelを使ってes6からコードを翻訳することができるようです。 typescriptについても同様の可能性はありますか?typescriptに 'babel.transform()。code'と同様の機能がありますか?

webComponentsLoader: { 
    transformJs: rawCode => { 
     return babel.transform(rawCode, { 
      presets: ['es2015'] 
     }).code; 
    } 
} 

答えて

1

あなたはコンパイラが提供transpile方法を使用することができます

import * as ts from "typescript"; 

let compiledSource = ts.transpile("let x: string = 'string'", { 
    target: ts.ScriptTarget.ES2015 
}); 

the documentation on how to use the compiler APIを参照してください。

+0

ありがとうございました!残念ながら私はそれを使用できませんでした。ローダーがwebpack2と互換性がないようです。最終的に私は 'let app = new App();'と通常の 'ts-loader'を使ってWebコンポーネントの実行をトリガーしました。出来た。 –

関連する問題