2016-08-17 5 views
0

我々は、tsconfig.jsonファイルの中でうまく動作し、ES6をターゲットとするTypescriptで書かれたReactウェブアプリを持っています。TypescriptはどのようにWebpackで反応してES5をターゲットにするのですか?

これで、本番環境にデプロイするためにコンパイルした後、Uglifyjsで縮小したいと考えています。それはUglifyがES5だけをサポートしているので失敗します(#harmonyブランチでも、私はすでにそれを試みました)。

だから、webpackの出力はES5にする必要があります。しかし、私が"target": "es5"をtsconfigファイルに設定すると、ウェブパックのコンパイルは失敗します:Unexpected token (164:41) You may need an appropriate loader to handle this file type.

私はどのようにして反応が起こるようにTypescriptでES5をターゲットできますか?


は、エラーのスクリーンショットを添付:

enter image description here

+0

JSXがありますか?その線を見ることなく、何か具体的なことを言うのは難しいです。 –

+0

予期しないトークンは何ですか? –

+0

エラーが発生した行を添付しました。しかし、私はそれが重要だとは思わない。すべてがES6でコンパイルされます。なぜES5で失敗するのでしょうか? 'target'は私たちが行っているバージョンです** ** **、私たちが来るソースコードのバージョンは**から**です。いいえ? – Richard

答えて

0

答えは、することはできません。

バベルは、ES7からES6に移行することができます。しかし、can't transpile ES6 to ES5は、ポリフィル(ブラウザにロードされた.jsライブラリ)を使用しているためです。

したがって、ソースコードからES5を取得できないため、Uglifyを使用することはできません。

gzippingだけで依存する必要があります(which is a substantial size decrease)。

関連する問題