0

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

そして、これがプラグインのソースコードです

4

1 に答える 1