parcel-optimizer-friendly-urls/src/index.js

Remove index.html from internal links in Parcel 2.x build output

// Package modules.
import { Optimizer } from '@parcel/plugin';
import posthtml from 'posthtml';
import urls from 'posthtml-urls';

// Configure.
const stripIndexHtml = (startsWith, url) => {
  // Verify the URL is our own.
  if (url.indexOf(startsWith) === 0 && url.slice(-11) === '/index.html') {
    return url.slice(0, -10); // Keep trailing slash.
  }
  return url; // Return original URL.
};

// Exports.
export default new Optimizer({
  async optimize({
    bundle,
    contents,
    map,
    options,
  }) {
    // Disable in hot mode because wrong index.html might be served.
    // @see https://github.com/parcel-bundler/parcel/issues/4740
    if (options.hot) {
      return { contents, map };
    }

    const { publicUrl } = bundle.target;
    const plugin = urls({ eachURL: stripIndexHtml.bind(null, publicUrl) });
    return {
      contents: (await posthtml([plugin]).process(contents)).html,
    };
  },
});