ツール / トランスパイラ

NativeScriptでのトランスパイラの使用

トランスパイラを使用すると、JavaScript、CSS、およびXML以外の言語でアプリケーションを開発できます。 トランスパイラがプロジェクトで使用されていると、NativeScriptアプリケーションをより快適に開発できます。 NativeScriptプロジェクトでは、TypeScriptとBabelという2つのトランスパイラをすぐに使用できますが、他のトランスパイラも必要なフックを通して統合できます。

TypeScriptのインストール

プロジェクトにTypeScriptサポートをインストールするには、次のコマンドを実行します。

tns install typescript

上記のコマンドは、TypeScriptコンパイラとnativescript-dev-typescriptnpmモジュールを開発用依存関係としてインストールします。 後者はあなたのプロジェクトに必要なpreparelivesyncフックをインストールするので、 あなたのプロジェクトのTypeScriptファイルは、ビルド中やライブ同期中に自動的に変換されます。

注釈: TypeScript対応プロジェクトで作業するときは、ユーザーは*.tsファイルに対して変更を行う必要があります。 自動生成された*.jsファイルに加えられた変更はすべて、アプリの変換時に破棄されます。 デフォルトでTypeScript transpilerがインストールされているため、すべてのNativeScript + Angular-2プロジェクトに同じ規則が適用されます。

また、プロジェクトのルートにコンパイラ構成を含むtsconfig.jsonファイルを作成します。設定を変更するために編集できます。

プロジェクトで使用されているTypeScriptコンパイラのバージョンを変更したい場合は、npmを使ってプロジェクトに必要なバージョンをインストールしてください。

Babelのインストール

次のコマンドを実行して、Babelサポートをプロジェクトにインストールします。

tns install babel

上記のコマンドは、Babelコンパイラとnativescript-dev-babelnpmモジュールをdevの依存関係としてインストールします。 後者はあなたのプロジェクトにprepareフックをインストールします。 それはビルドの間そしてライブ同期の間にあなたのJavaScriptファイルをBabelに変換します。

プロジェクトで使用されているBabelコンパイラのバージョンを変更したい場合は、npmを使ってプロジェクトに必要なバージョンをインストールするだけです。

Babelを設定したい場合は、プロジェクトのルートに.babelrcファイルを仕様に従って作成してください。

他のトランスパイラをインストールする

Transpilerのサポートはフックを使うことで拡張できます。 トランスパイラフックを配布する最も簡単な方法はnpmモジュールを使うことです。 TypeScriptフックとBabelフックの実装を手本にしたり、トランスパイラ作者に共通のフックインストールサポートを提供するnativescript-hookモジュールを参考にしてみてください。

入門

コアコンセプト

ユーザーインターフェース

ツール

ハードウェアアクセス

プラグインの開発

リリース

アプリテンプレート

パフォーマンスの最適化

フレームワークモジュール

ガイド

サポートを受ける

トラブルシューティング

Siedkick