Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

No Parsed/Gziped sizes if there is build hash in output path

オープン
#297 コメント 12 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

  • #304 @valscion による — マージされずにクローズ

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
42/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
javascript, webpack

調査の方向性

リンクされている wba-build-hash デモリポジトリから始め、[hash] を含む webpack の出力パスを使用してプラグインエラーを再現します。アナライザーが生成されたアセットのパスをどのように解決するかを追跡します。ハッシュ付きの出力アセットが解析され、解析後のサイズと gzip 圧縮後のサイズがアナライザーページに表示されれば完了です。

索引モデルが issue の本文から書いたものです。

説明

flag: Has pull request severity: 3 (broken) type: Bug type: Feature
Issue description

If there as build hash in webpack's output path, I get following error from WBA:
Error parsing bundle asset "/xxx/app/dist/[hash]/app.js": no such file.

My webpack output config:

	output: {
		filename: '[name].js',
		path: path.join(__dirname, './dist/[hash]/'),
		publicPath: `${cdnPublicPath}[hash]/`,
		chunkFilename: '[name].js',
	},

This causes that there is no gziped/parsed size on the WBA page.

Technical info
  • Webpack Bundle Analyzer version: 3.3.2
  • Webpack version: 4.35.0
  • Node.js version: 10.13
  • npm/yarn version: npm 6.9
  • OS: Mac OS Mojave
Debug info

How do you use this module? As CLI utility or as plugin?
Plugin

If plugin, what options were provided? (e.g. new BundleAnalyzerPlugin({ analyzerMode: 'disabled', generateStatsFile: true }))
No options

What other Webpack plugins were used?
webpack.DefinePlugin
CircularDependencyPlugin
FlowStatusWebpackPlugin
ExtractCssChunks
HtmlWebpackPlugin
SpriteLoaderPlugin

Demo repo

https://github.com/martinkadlec0/wba-build-hash

主要言語
JavaScript
スター
12.7k
フォーク
518
平均マージ
10日 13時間
マージ済み PR(30日)
1

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

webpack/webpack-bundle-analyzer のほかの issue

webpack/webpack-bundle-analyzer の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。