問題タブ [angular-builder]
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 - ./src/main.ts の ngcli 6.1.3 エラー - 「./app/app.module.ngfactory」を解決できません
angular/cli 6.1.3 を使用していますが、enableIvy: true を使用してコンパイルしようとすると、以下のエラーが発生しますtsconfig.app.json
。
ビルド コマンド:
angular/cli のバージョン詳細
javascript - TypeError: 未定義のプロパティ 'baseHref' を読み取れません
angular 7のwebpack構成を作成したかったのです。次のチュートリアルに従いました- http://opensourceforgeeks.blogspot.com/2018/12/how-to-customize-build-configuration.html。私が使用している-@angular-buildersパッケージもチェックしました index.html、それにはベースhrefが含まれています
angular.json で次のことを変更しました -
css - angular ビルドで追加の CSS ファイルをビルドする
バックグラウンド
@angular-builders/custom-webpack
angularビルドのwebpack構成をカスタマイズできます。チュートリアルはこちら。これを使用して、Web 拡張 (Chrome/Firefox) 用の追加スクリプトを作成しています。
これが私extra.webpack.config.js
が含めたものですangular.json
予想どおり、それは を出力background-script.js
し、Angular ビルド アーティファクトfill-manager.js
と一緒に出力します。site-bridge.js
この webpack 構成は angular の webpack 構成とマージされるため、単一のangular.json
ファイルからすべての最適化、ハッシュ、ソース マップなどを制御できます。
問題
また、拡張スクリプトで使用され、angular ビルドによって制御される追加の css ファイルをバンドルしたいと考えています。
特定のルール、ローダーなどを追加できるかもしれませんがextra.webpack.config.js
、postcss、autoprefixer、sass loader などは既に angular 内で行われているため、扱いたくありません。
スクリプト ファイルと同様に、内部に css エントリを追加するだけでextra.webpack.config.js
は css ファイルは生成されません。
css/scss ファイル エントリを指定してextra.webpack.config.js
、angular に基づく構成を使用してバンドルされた css ファイルを出力する方法はありますか?