How to merge CSS and JS into HTML

Question

I have 3 files, style.css, logic.js and container.html, while developing I need this files to exist separate, but when I am done, I'm searching for a tool that merges referenced css and js files into the HTML file:

<script src="./script/main.js"></script>
will turn into:

<script> ...code... </script>
and the same with CSS.

Is this possible? I first though this would be able with webpack, but the idea from webpack is not directly copying the content from the referenced files into the HTML file. Don't know if relevant, but I save my project on git and would like to run this build on bamboo, result of building my whole project should be one html file where all the code is inside, not being referenced, I could not find something that would do that?

I think you could config webpack to do that, although I don't know how exactly. You could also just create a bash script that edits the .html file and copies the contents of the other files into it. — Mezo Istvan
– Mezo Istvan, Commented Feb 25, 2019 at 16:06
There are only 3 files. You can just copy-paste them within one minute. — holydragon
– holydragon, Commented Feb 25, 2019 at 16:06
@Mezo Istvan with bash I don't think the solution would be scalable. — David
– David, Commented Feb 25, 2019 at 16:09
@holydragon, the 3 files is only an analogy to showcase the issue. — David
– David, Commented Feb 25, 2019 at 16:09

Bryce Howitson · Accepted Answer · 2019-02-25 16:16:44Z

2

Well a quick Google search gives me:

html-inline web-combiner

answered Feb 25, 2019 at 16:16

Bryce Howitson

7,77824 silver badges44 bronze badges

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

3 Comments

David Over a year ago

hm, maybe I was searching with the wrong keywords, thanks, I will try them out.

Bryce Howitson Over a year ago

My one useful skill is speaking Google... Glad I could help.

David Over a year ago

I tried out both and liked html-inline better since it does not requires C++ packages.

Collectives™ on Stack Overflow

How to merge CSS and JS into HTML

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related