角度2にアップグレードするレール

Question

既存のRailsとAngular 1.xアプリケーションをアップグレードしたいと思います。私はng-upgradeに従っていて、systemjs,typescript、tsdなどいくつかの他のjavascriptライブラリを含む多くの依存関係があることを確認しています。理想的にはすべての依存関係を持つ2角形の宝石がありますが、それを見つけることはできません。次に、私はそれぞれの依存について宝石を探しましたが、tsdのものはありません。

javascriptパッケージ管理にnpmを使用できるようにカスタムビルド戦略に切り替えることは理にかなっていますか？私はギャルプを推奨するthisの記事を読んでいますが、私は資産パイプラインの利便性が好きです。

誰かがレールプロジェクトでng-upgradeを使用して成功例を指摘できますか？それはgulpのようなカスタムビルドソリューションを使用していますか、それともアセットパイプラインを使用していますか？

Answer 1

使用は宝石

gem 'angularjs-rails', '~> 1.4', '>= 1.4.8' 

あなたはhttp://bower.io/#install-bowerを使用することができますし、あなたがあるあなたのレールのアプリ.bowerrcとbower.jsonに2つのファイルを追加することができますapplication.js

//= require angular 

Answer 2

に挿入angularjs like GemFile

Answer 3

私の主な提案はまだAngular2にアップグレードされていない、まだ開発が激しく、レールの宝石を見つけられないというような多くの問題に直面するでしょう。とにかく、現在、angular2 はスプロケットしてコンパイルすることはできません

（デフォルトレールパイプライン）、あなたは本当にカスタムソリューションをしたいので。

私の主な提案はwebpackで、他のオプションはbrowserifyやgulp（その他）です。これは主に趣味の問題です。全体的に、angular2 のためのパイプラインを設定することは複雑である、あなたは（現在は非推奨されtsdの最新バージョンである）typingsて.d.tsファイルの世話をするために、あなたはtscを通じて、おそらくbabelを通して、あなたのtypescriptですがtranspileする必要がいる、あまりにもあればasync/await（本当にクールです）を使いたいと思っています。あなたは、image_pathのようなレールであなたのファイルを参照する能力を失うでしょう。カスタムパイプラインを使って、それも考慮に入れたいと思います。

Typescriptは単純なcoffeescriptファイルよりコンパイルする方がはるかに複雑です。コンパイルする必要があるため、他のすべてのファイルに依存しています。

実際にRailsとAngular（2またはそれ以上）で作業したい場合は、の2つの別々のプロジェクトを1つはRailsアプリで、もう1つはAngularJSパス。このようにして、Railsに影響を与えずにAngular2のカスタムパイプラインを作成することができます.RailsをJSON APIとして正しく使用することで、Angular2アプリケーションを正しくコーディングする必要があります。

Answer 4

私の解決策は、webpackやアセットパイプラインを使用せずにできるだけ単純にしておくことでした。私はtsファイルをpublicに入れ、パイプラインを通じてnpmアセットを提供するようにレールを設定しました。

私は、一例として、このような構造を持つスタータープロジェクトを設置：多くの点でhttps://github.com/jonnysamps/rails-ng2-starter

を、それは別のバックエンド/フロントエンドのプロジェクトを持つことの利点を持っていますが、一緒にすべてのコードを保持します。