Can I directly inject Javascript into an HTML file with Webpack?

Question

I need to create a standalone HTML file (so no <script src="main.js"></script> tags.

I am using some node_modules and in development, writing it in separate files, but I want to be able to create a webpack.config.js that allows me to directly put the javascript into .html file. I know of HTMLWepackPlugin, but that only create a script tag that includes a source, not actually put the HTML in the file (even with inject: true).

Is there a workaround or another Wepack plugin?

html-webpack-inline-source-plugin. "This is an extension plugin for the webpack plugin html-webpack-plugin. It allows you to embed javascript and css source inline." — blex
– blex, Commented Jun 21, 2020 at 18:18

Jovan Novakovic · Accepted Answer · 2020-06-21 18:24:33Z

1

Webpack: How to inject javascript into the HTML instead of separate JS file

Use html-webpack-inline-source-plugin, it is an extension plugin for the html-webpack-plugin functionality by adding the {inlineSource: 'regex string'} option.

Git plugin link

answered Jun 21, 2020 at 18:24

Jovan Novakovic

3042 gold badges4 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can I directly inject Javascript into an HTML file with Webpack?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related