Angular プロジェクトにasync-css-plugin( https://www.npmjs.com/package/async-css-plugin )を追加しようとしています。このプラグインが行うことは、html ファイルの外部スタイル リンク タグを次のようなものに変換することです。
<link href=app.cfadf482.css rel=stylesheet media=print onload="this.media='all'">
私が使用しているため、webpack構成を拡張できることはわかっていますngx-build-plus( https://github.com/manfredsteyer/ngx-build-plus )
extend.webpack.configそして、以下の設定ファイルを追加しました:
const HtmlWebpackPlugin = require('html-webpack-plugin');
const AsyncCssPlugin = require("async-css-plugin");
module.exports = {
plugins: [
new HtmlWebpackPlugin(),
new AsyncCssPlugin({ /* options */ })
]
};
しかし、今実行すると動作npm run build -- --prod --extra-webpack-config extend.webpack.config.jsしません。
index.html ファイルは変更されません。
何か不足している場合は、誰でもご案内できますか?
ありがとうございました!
更新 ここに再現リポジトリがあります https://github.com/andreashuber69/async-css-angular-example
そして、これがプラグインのソースコードです