2016-06-23 9 views
0

私は既にGitHub hereに記載されているのと同じ問題があります。 ui-tinymceは、私のアプリケーションでは到達できない多くの依存関係を参照しています。JSPMでangle-ui-tinymceを使用するとテンプレートとプラグインを読み込めません

GET http://localhost:8080/jspm_packages/github/tinymce/[email protected]/themes/modern/theme.min.js @ angular.js:6084 
tinymce.js:9426 Failed to load: /jspm_packages/github/tinymce/[email protected]/themes/modern/theme.min.js 

上記のgithubの問題で提案されている回避策を使用すると、baseURLが変更されます。これは私の開発環境でうまく動作します。しかし、jspm bundle-sfxを実行すると、これらの依存関係が拾われず、テンプレートやプラグインがなくても同じ状況になります。

これに対処する最善の方法は何ですか?依存ファイルが別々のパッケージで利用できるように、角度依存性ファイルを分割することはできますか?または、私はただこの問題を回避するためにgulpを使うべきですか?

答えて

0

Gulpを使用して不足しているファイルを連結しようとしましたが、デフォルトではファイルが内部のファイル構造内で使用される相対位置にあるため、この機能は動作しません。

私はまだTinymceが最も一般的なテーマのために別々のパッケージを提供するのに役立つと思いますが、テーマやプラグインがたくさんあることを認めます。

最後に、テーマとプラグインファイルを自分のソースコード内の「正しい」相対ディレクトリにコピーするのが最も簡単でした。このようにして、私はtinymceの相対baseURLを変更することができ、それを実稼働環境と開発環境で実行すると正しいでしょう。

tinymce theme and plugins within my source

私はバンドル-SFX JSPM実行することができ、それは他のすべてと一緒に、これらのファイルをバンドルしますこの方法です。ただし、アプリケーションで領域を静的に提供しない場合は、ファイルを明示的にインポートする必要があります。例:

import 'sysadmin/app/tinymce/themes/modern/theme'; 
関連する問題