how to package javascript html and css in one js file

Question

I am trying to implement a chat widget on a website. The chat code has to stay independent of the website. My goal is to make one JS that has everything and Wrap that inside a IIFE. So if someone wants to implement chat on their site he/she can just include one JS and thing would work .

and then user can do window.chat.serverName= Window.chat.start();

This would open a new page and the chat application would be on that

How did you end up doing it? What did you try, what worked best? — LittleTiger
– LittleTiger, Commented Feb 22, 2019 at 2:20
I used Webpack with various loaders like CSS and HTML. Webpack would bundle everything for you and spit out a JS file :) — Maulik Desai
– Maulik Desai, Commented Mar 3, 2019 at 2:26

kaitoy · Accepted Answer · 2016-10-27 23:36:55Z

1

Use webpack with css-loader and html-loader, and require your css files and html files from javascript. (e.g. const css = require('css/foo.css');)

My project is doing it.

edited Oct 27, 2016 at 23:36

answered Oct 27, 2016 at 3:24

kaitoy

1,69511 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

how to package javascript html and css in one js file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related