node.js - モジュールのインポートをデバッグするために webpack で --display-error-details を有効にします

Question

デバッグ目的で cli のこの webpack.stats オプションを有効にする必要がある問題に取り組んでいます。

ベースの webpack.config では統計オプションが有効になっていないため、別の方法で行う必要があります。

devServer も独自の .js ファイルに分割されており、デフォルトの webpack.config の下にはリストされていません。

この設定を基本の webpack 構成に直接追加しようとしました。また、dev-server の下の機能を調査およびレビューして、コード行を追加できる設定であるかどうかを確認しましたが、うまくいきませんでした。たとえば、 stats.hasErrors() 関数を調べて、オプションについて学びました

stats.toJson({
errorDetails: true
})

更新する必要があるコードの関連部分であると私が信じているもの dev-server.js

).then(config => {
    if (options.debugWebpack) {
      logConfig('Manager webpack config', config, logger);
    }
    return new Promise((resolve, reject) => {
      webpack(config).watch(
        {
          aggregateTimeout: 1,
        },
        (err, stats) => {
          managerTotalTime = process.hrtime(startTime);
          if (!resolved && (err || stats.hasErrors())) {
            const error = new Error('Manager build is broken');
            error.error = err;
            error.close = true;
            error.stats = stats;
            logger.line();
            logger.line();

次のようなものを実行できるようにしたい:

yarn storybook --display-error-details

リポジトリへのリンク: https://github.com/storybookjs/storybook/tree/next/lib/core/src/server ご協力ありがとうございます。