レスキュー、ウェブパック、バーベルでタイプスクリプトでes6を使用するには？

Question

私はフロントエンドの開発では新しいですが、単純なtutorialは、それが私にはすぐに問題の領域の問題を解決し始めることができます。問題はES5です。キー・バリュー・マップのような、私のツールにはいつも重要な要素は含まれていません。

私がブログの検索から理解する限り、この問題を解決するためには、コンパイル済みのES6-javascriptをBabelを使用してES5-javascriptに変換する必要があります。

残念ながら、私はバベル、WebPACKのとNPMに慣れていないんだ、と私はそのようなプロジェクトのための作業ガイドを見つけることができませんでした。助言がありますか？

Answer 1

webpackを使用してbabel transpilingをdistフォルダ内のプレーンJavaScriptに設定する方法を確認するには、webpack jsonファイルがあります。https://github.com/zuoqin/ZHReact/blob/master/webpack.config.prod.js ローダーセクションの内側には、babelがあります。開始時にtranspileしWebPACKを実行するための

そして、NPMのJSONファイル：

1. ディレクトリ変更プロジェクトのルートへ
2. NPM
をインストール： https://github.com/zuoqin/ZHReact/blob/master/package.json

あなたがダウンロードhttps://github.com/zuoqin/ZHReact後に必要なのはには

3. npm開始ビルド

r Webサーバーをアンパックしてからサーバーを実行してください