html-webpack-inline-source-plugin is no longer maintained

html-webpack-inline-source-plugin is no longer maintained and doesn’t work with html-webpack-plugin@^4.0. More detailed information can be found here

[deanblacc]

@andrejbroncek hey ! sorry I haven’t run into that myself. The only other thing I recall amending was injecting the roll up into the body (was head originally, which was breaking bits) like so:

new HtmlWebpackPlugin({
    template: './src/ui.html',
    filename: 'ui.html',
    chunks: ['ui'],
    inject: 'body'
}),

Im not sure if that will solve your issue though

[shuta13]

@deanblacc @andrejbroncek Hi, I tried https://github.com/figma/plugin-samples/issues/34#issuecomment-811021237, but it did not work well…

I think it’s better to replace html-webpack-inline-source-plugin with react-dev-utils/InlineChunkHtmlPlugin recommended by the author.

https://github.com/DustinJackson/html-webpack-inline-source-plugin#readme

This plugin is no longer maintained. Facebook provides a similar plugin: https://github.com/facebook/create-react-app/blob/edc671eeea6b7d26ac3f1eb2050e50f75cf9ad5d/packages/react-dev-utils/InlineChunkHtmlPlugin.js#L10

I wrote the following and it worked fine. ( html-webpack-plugin v4.x is required) Please check it !

// ---
const InlineChunkHtmlPlugin = require("react-dev-utils/InlineChunkHtmlPlugin");

module.exports = (env, argv) => ({
  // ---
  plugins: [
    new HtmlWebpackPlugin({
      template: "./src/ui.html",
      filename: "ui.html"
    }),
    new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/ui/]),
  ],
});

I will create a PR for the updates if needed 😃