html-inline-css-loader.js

const inliner = require('inline-css');

module.exports = function (content) {
  const callback = this.async();

  inliner(content, {
    url: `file:///${this.context}/`,
    removeHtmlSelectors: true,
  })
    .then((html) => {
      callback(null, 'export default ' + JSON.stringify(html));
    })
    .catch((err) => {
      console.error(`An error occurred during css inlining in ${this.context}`);
      console.error(err);
      callback(err);
    });

  return;
}