snowpack + posthtml

posthtml.config.js

module.exports = (ctx) => {
  return {
    parser: ctx.ext ==='.sml' ? 'posthtml-sugarss' : false,
    from: ctx.from,
    to: ctx.to,
    path: ctx.cwd || './src',
    plugins: ctx.plugins || {},
  }
}

snowpack-plugin-posthtml.js

const posthtml = require('posthtml');
const posthtmlrc = require('posthtml-load-config');

module.exports = function (_snowpackConfig, _pluginOptions) {
  const posthtmlConfigPromise = posthtmlrc(_pluginOptions);

  return {
    name: 'posthtml-transform',
    // async transform({ id, contents, isDev, fileExt })
    async transform({ contents, fileExt }) {
      if (!['.html', '.posthtml'].includes(fileExt) || !contents) return;
      const { plugins, options } = await posthtmlConfigPromise;
      const stdout = await posthtml(plugins).process(contents, options);
      return stdout.html;
    },
  };
};

snowpack.config.js

/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
  mount: {
    public: { url: '/', static: true },
    src: { url: '/' },
  },
  plugins: [
    ['./snowpack-plugin-posthtml', {
      plugins: {
        'posthtml-modules': { root: './src', },
      },
    }],
    // ... SNIP
  ],
  // ... SNIP
};

https://github.com/mckabi/snowpack-posthtml