mini-css-extract-plugin logic is broken about webpack-plugin-hash-output HOT 2 OPEN

  // Update the name of the main files
chunk.files.filter(isMainFile).forEach((oldChunkName, index) => {
    // PATCHED: Do not run the hashing over CSS files due to the bug described in
    // https://github.com/scinos/webpack-plugin-hash-output/issues/29
    // We assume that CSS and CSS sourcemaps are using contenthash and do not need to be rehashed anyway.
    if (oldChunkName.endsWith('.css') || oldChunkName.endsWith('.css.map')) {
      if (oldChunkName.includes(chunk.renderedHash)) {
        throw new Error(
          'Chunk name included the rendered hash, and it was a .css or .css.map file. Do not use renderedhash with CSS files – use contenthash. See https://github.com/scinos/webpack-plugin-hash-output/issues/29 for details',
        );
      }
      return;
    }
    const asset = assets[oldChunkName];
    const { fullHash, shortHash: newHash } = hashFn(asset.source());

    let newChunkName;

    if (oldChunkName.includes(chunk.renderedHash)) {
      // Save the hash map for replacing the secondary files
      nameMap[chunk.renderedHash] = newHash;
      newChunkName = oldChunkName.replace(chunk.renderedHash, newHash);

      // Keep the chunk hashes in sync
      chunk.hash = fullHash;
      chunk.renderedHash = newHash;
    } else {
      // PATCHED: Throw an error in the case where we did not find the rendered hash in the chunk name. We won't be rehashing that.
      throw new Error(
        'Chunk name did not include the rendered hash, and was not a .css or .css.map file. HashOutputPlugin does not support other types of hashes for assets. See https://github.com/scinos/webpack-plugin-hash-output/issues/29 for details',
      );
    }

    // Change file name to include the new hash
    chunk.files[index] = newChunkName;
    asset._name = newChunkName;
    delete assets[oldChunkName];
    assets[newChunkName] = asset;
  });

// Update the name of the main files
  chunk.files.filter(isMainFile).forEach((oldChunkName, index) => {
    const asset = assets[oldChunkName];
    const { fullHash, shortHash: newHash } = hashFn(asset.source());

    let newChunkName;

    if (oldChunkName.includes(chunk.renderedHash)) {
      // Save the hash map for replacing the secondary files
      nameMap[chunk.renderedHash] = newHash;
      newChunkName = oldChunkName.replace(chunk.renderedHash, newHash);

      // Keep the chunk hashes in sync
      chunk.hash = fullHash;
      chunk.renderedHash = newHash;
    } else {
      const contentHash =
        Object.values(chunk.contentHash).find((hash) => oldChunkName.includes(hash)) || [];
      if (!contentHash) {
        return;
      }
      if (nameMap[contentHash]) {
        // We've done this hash before. The source map in a file is making the
        // newHash different, so replace the same way?
        newChunkName = oldChunkName.replace(contentHash, nameMap[contentHash]);
      } else {
        // Save the hash map for replacing the secondary files
        nameMap[contentHash] = newHash;
        newChunkName = oldChunkName.replace(contentHash, newHash);
      }
    }

    // Change file name to include the new hash
    chunk.files[index] = newChunkName;
    asset._name = newChunkName;
    delete assets[oldChunkName];
    assets[newChunkName] = asset;
  });