問題タブ [angular-hybrid]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - ハイブリッド angular/angularjs アプリの構築 - angularjs アプリで angular モジュールをロードする方法
downgradeModule
gulp を使用して構築された既存の angularjs プロジェクトで Angular コンポーネントの使用を開始し、ハイブリッド Angular/AngularJS アプリの作成に使用したいと考えています。
gulp を使用して AngularJS アプリをバンドルしているときに表示されない Angular プロジェクトから AppModule をインポートする際に問題が発生しています。
モジュールは次のように AngularJS エントリ ファイルにインポートされます。
コマンドを使用してAngularアプリを個別に構築しng build
、angularjsアプリをバンドルしながらコンパイルされたAppModuleを表示する方法を考えています。
ng build
gulp タスクでコマンドを呼び出して、アーティファクトを AngularJS dist フォルダーにコピーできると思いました。
しかし、モジュールのインポート中に AppModule へのパスをどのように解決できるかわかりません:
angular - Angular CLI は、本番モードでダウングレードされたモジュールのコードを生成しません
ハイブリッドアプリの作成angularjs
に使用したい既存のプロジェクトで Angular コンポーネントの使用を開始したいと考えています。downgradeModule
Angular/AngularJS
angular
main.ts ファイルで次のコードを使用して、コンポーネントをダウングレードできました。
ng build
およびコマンドを使用するとすべて正常に動作しng serve
ますが、prod モードには問題があります。実行時にコンパイルされたjs
コードAppModule
が生成されませng build --prod
ん (コンパイルされたファイルの一部として表示されませんmain.{hash}.js
)。
これはAppModule
、オンデマンドでブートストラップされるためだと思われますが、それを回避してこのモジュールをコンパイルする方法がわかりません。
現時点では、AppModule がコンパイルされていないため、angularjs アプリでこのエラーが発生しています。