問題タブ [rollupjs]

ライブラリの一部のみを使用する Three.js シーンがあります。

しかし、ライブラリ全体 (最大 500Kb 縮小) のすべてではないにしても、ほとんどを取得することになります。これで運が良かった人はいますか？私が使用しているコードを示すGitHub の例があります。

私は（現在）単一のコンポーネントを持つサードパーティモジュールに取り組んでいます。現在、テンプレートと比較的長いスタイル ルールを@Componentアノテーションにインラインで配置していますが、これは管理しにくくなっています。コードを個別のファイル ( ) に分割しようとしました.component.htmlが、ビルド プロセスを実行し、テスト アプリケーション内でコンポーネントを使用しようとすると、テンプレート 404 が表示されます。

1. テンプレートを別のファイルに分割できますか (ビルド ステップでテンプレートのコンテンツがコンポーネント アノテーションに挿入される場合でも)。
2. CSSで同じことができますか？
3. CSS を SCSS に置き換えて、Component アノテーションにコードを挿入する前にその CSS をコンパイルする方法はありますか?

参考までに、以下に構成ファイルを含めます。他に役立つものがあればお知らせください。アプリの一般的な構造は、このリソース(ライブラリの Github リポジトリ) から変更されていません。リポジトリを複製し、参照を削除/置換してベースを形成することにより、プロジェクトを作成しました。

編集 私はこのSOリンクを見ましたが、可能であればビルドプロセスにgulpを統合する必要は避けたいです。

編集

を、コンポーネント クラスと同じレベルの HTML ファイルであるに置き換えるtemplateと、このモジュールをインポートするアプリで次のエラーが発生します (ビルド後)。templateUrl: './ic-datepicker.component.html'

ロールアップを使用して製品版を構築するためのこのチュートリアルに従っていました: http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

本番部分はうまく機能していますが、npm run start(js ディレクトリをクリーンアップし、.ts ファイルをコンパイルし、変更を監視するスクリプト) を使用して開発したい場合、ビルドは失敗し、404それが見つかりませんでしたという例外が表示されます traceur。注目すべき唯一の違いは、ファイル内の fromes5とcommonjstoの変更です。これを修正してライトサーバーを機能させるにはどうすればよいですか。es2015tsconfig

エラー

古いバージョン

新しいバージョン

system.config.js