基本的に、私はLaravelの開発者であり、現在Angular 2フレームワークを学んでいます。私はバワーを介して第三者のフロントエンド資産を管理していました。ここに私のbower.json角度2ベースのプロジェクトのフロントエンドライブラリ
{
"name": "Bower Components",
"dependencies": {
"titatoggle": "https://github.com/kleinejan/titatoggle.git#~1.2.6",
"tinymce": "git://github.com/tinymce/tinymce-dist.git#~4.1.10",
"eonasdan-bootstrap-datetimepicker": "^4.17.37",
"jquery-toast-plugin": "^1.3.1",
"Sortable": "^1.4.2",
"bootstrap": "^3.3.7",
"font-awesome": "fontawesome#^4.7",
"bootbox.js": "bootbox#^4.4.0"
}
}
のサンプルでは、それは私のlaravelプロジェクトのセットアップの公開/ベンダーフォルダに上記の依存関係を保存しています。基本テンプレートまたはビューでは、以下のように参照していました。
<link rel="stylesheet" href="{{ asset("vendor/jquery-toast-plugin/dist/jquery.toast.min.css") }}">
<link rel="stylesheet" href="{{ asset("vendor/titatoggle/dist/titatoggle-dist-min.css") }}">
<link rel="stylesheet" href="{{ asset("vendor/font-awesome/css/font-awesome.min.css") }}">
<link rel="stylesheet" href="{{ asset('vendor/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css') }}" />
これは単純でした。新しいフィーチャを統合し、依存関係を追加し、bower installを実行し、参照タグを追加する必要がある場合は、完了です。
しかし、角2は異なるストーリーとアーキテクチャを持っています。 npmのパッケージマネージャーを使って依存関係をすべて管理することを好みます。モジュール式です。私は、バックエンドからフロントエンドを分離する自由が本当に好きです.Webアプリケーションとモバイルアプリの両方で共通のバックエンドアプリケーションを開発できるようになるからです。私はここでトピックを外しています。ポイントに来てみましょう。
その間、私は使用しているフロントエンドライブラリの代替案を見つけることができませんでした。 titatoggle、eonasdan-bootstrap-datetimepicker、jquery-toast-plugin、Sortableなどのライブラリの中には、npmリポジトリには本当にクールなものがあります。あなたは、angular2の規則に適合する選択肢や推奨事項を提案できますか?