問題タブ [ngx-build-plus]
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.
angular - 差動ロードを使用する Angular Web コンポーネントは次のようになります: Uncaught TypeError: Cannot read property 'ɵɵdefineComponent' of undefined
私の目的は、「通常の」親 SPAとWordpress サイトで使用できる Angular Web コンポーネントを開発することです。
Wordpress サイトで Web コンポーネントを使用する場合、ngx-build-plus を使用してすべてを 1 つのバンドルにパッケージ化します。. これはうまくいきます。
ただし、親の Angular アプリケーションの Web コンポーネントを提供するときは、バンドルの Angular 部分を避けたいと思います (既に存在しているため)。readme に記載されている差分読み込みのブログ/ガイドに従っていますが、このエラーで立ち往生しています (root.component は Web コンポーネントの名前です)。
次のものを提供すると、上記のエラーが発生します。
説明されているように、正常に動作します(ただし、angular を含む大きなバンドルが作成されます)。
どんな助けでも大歓迎です。サンプルリポジトリからすべてをコピーしようとしましたが、助けにはなりませんでした
angular - ビルド後にカスタムプラグインを実行するAngular
Angular プロジェクトにasync-css-plugin
( https://www.npmjs.com/package/async-css-plugin )を追加しようとしています。このプラグインが行うことは、html ファイルの外部スタイル リンク タグを次のようなものに変換することです。
私が使用しているため、webpack構成を拡張できることはわかっていますngx-build-plus
( https://github.com/manfredsteyer/ngx-build-plus )
extend.webpack.config
そして、以下の設定ファイルを追加しました:
しかし、今実行すると動作npm run build -- --prod --extra-webpack-config extend.webpack.config.js
しません。
index.html ファイルは変更されません。
何か不足している場合は、誰でもご案内できますか?
ありがとうございました!
更新 ここに再現リポジトリがあります https://github.com/andreashuber69/async-css-angular-example
そして、これがプラグインのソースコードです