問題タブ [angular-seed]

So I recently used angular-seed in a code challenge as part of a job interview process. I got dinged for keeping bower_components inside the app folder.

Question 1: Is this really such a bad practice - to keep bower_components inside the app folder?

After getting dinged, I decided to install bower_components on the same level as the app folder. But of course, all the references in index.html no longer made sense since the references expected bower_components to be inside the app folder.

Question 2: How would I reference the bower_components outside the app folder? Would this need to be part of a build step to copy app to a ./public folder, then copy bower_compnents into ./public/app, then start the server and tell it to serve static files from ./public/app?

I modified the "prestart" command to accomplish this, but it just didn't feel right. And then there's also the issue of making changes in the app folder and then having to restart the server every time to see my changes in the browser.

What's the best practice here? I know the yeoman generator keeps bower_components outside the project root and a gulp/grunt task corrects the references, but I like angular-seed because it's pretty minimal and I'd like to just use npm for build tasks.

github から angular2-seed プロジェクトを複製して手順に従いましたが、VS コードにこの警告が表示されました [ts] デコレーターの実験的サポートは、将来のリリースで変更される可能性がある機能です。この警告を削除するには、'Experimentaldecorators' オプションを設定します。

私のチームと私は、新しい Web プロジェクトを開始しています。私たちは、他のプロジェクトで使用した実績のある信頼できるアーキテクチャ内で AngularJS を置き換える Angular2 を使用する予定です。

このアーキテクチャの最も注目すべき部分は、ページと REST エンドポイントを提供する ASP.NET MVC アプリケーションです。

ここでの計画は、2 ページを提供することです。1. ログイン ページと 2) 別の安全なページの angular2 アプリ (認証が必要)。

これは論理的に思えますが、Angular2 アプリを MVC プロジェクト内に統合することは悪夢であることが証明されています。カスタム angular2 ビルドを試し、いくつかの角度シード ( https://github.com/AngularClass/angular2-webpack-starter/、https://github.com/mgechev/angular-seed ) をMVC アプリケーション。これまでのところ、問題が次々と発生するハッキングにほかならないことが証明されています。

質問は次のとおりです。

1. これらのシードは、MVC アプリケーションなどの別のアプリケーションに統合されることを意図したものでしたか、それともスタンドアロンであることを意図したものでしたか?

2. 一般的にAngular2を使用するための推奨されるアプローチは、実際には個別に実行されているバックエンドRESTサービスと通信する個別のangular2アプリケーションを持っていますか?

   これに関する問題は次のようです。

   私。認証はより困難です。

   ii. CORSは最初から問題です。

   iii. 展開する Web サイトが 2 つあるため、展開はより困難になります。

具体的に言うと、質問は漠然としていると見なされる可能性があると思います：何がベストプラクティスと見なされますか。

2 つの個別のアプリケーションですか、それとも 1 つの統合アプリケーションですか?

本当にありがとう

ジョン

Traceur 404 (見つかりません) トランスパイラーを読み込んで angularfire2.js をトランスパイルできませんhttp://localhost:3000/node_modules/angularfire2/angularfire2.js

angularfire2 を追加しようとしている angular-seed アプリがあります。構成またはバージョンに何かが欠けているようです。

以下のすべての構成。

コンソール エラー イメージ

パッケージ.json

systemjs.config.js

型付け.json

tsconfig.json

私は mgchev の優れた angular-seed を使用していますが、私の会社では TFS を使用しています。ビルドすると、/dist フォルダー内の読み取り専用ファイルが原因で EPERM エラーが発生します。

--save-dev gulp-chmod をインストールし、それをパイプに追加して読み取り専用フラグを削除しようとしました (注: Windows での作業) が、タスクを実行すると、「モジュール 'gulp-chmod' が見つかりません」と表示されます

最初に gulp-chmod を別の場所に登録またはマップする必要がありますか?

私の目標は、依存関係のソース コード (node_modules ディレクトリにある) をデバッグできるように angular2 プロジェクトをセットアップすることです。より正確には、chrome dev ツールで実際の typescript ファイル (自分の typescript ファイルではなく、依存関係のファイルを意味する) でデバッグ (ブレークポイントの設定など) できるようにしたいと考えています。これは、依存関係にソース マップが含まれている場合に可能です。

angular-cli を使用しようとしましたが、明らかにこれはまだ可能ではありません。Angular 2 typescript ソース コードへのデバッグを参照してください。

そこで、基本的なangular-seedプロジェクトから始めて、それを調整しようとしました. このプロジェクトは webpack を使用しており、webpack.config.js に以下を追加しました。

これは実際には rxjs のような一部のパッケージでは機能しますが、@angular パッケージでは機能しません。これは、バンドルされたファイル (例: core.umd.js など) にソース マップが含まれていないためです (Angular 2 チームはこのバグのためにそれらを削除しました)。ただし、バンドルされたファイルのみがソース マップを欠いており、src フォルダー内のバンドルされていないファイルにはソース マップが含まれています。バンドルされたファイルの代わりにバンドルされていないファイルを使用するように webpack に指示するにはどうすればよいですか?

この記事では、同じ問題について説明および解決していますが、彼は SystemJS を使用しています。webpackでどのように解決できますか?