Hello, I’ve never worked with webpack and my JS knowledge is poor, and I have a Discourse install running off an IP, which is “unsupported”. It works, but the icons are missing because it tries loading http://192.168.0.22:8080/svg-sprite/192.168.0.22:8080/svg-3-c1066beb12cc75cc4c3bc42f218f381c862e7905.js which has the icons, but failed because of the numbers. Anything else would work, such as http://192.168.0.22:8080/svg-sprite/-/svg-3-c1066beb12cc75cc4c3bc42f218f381c862e7905.js (you can put anything where the - is so I’m not quite sure why it exists in the first place but thats not up for me to decide). I’m trying to get it to load the correct host, so I made a little script to do it, but thanks to webpack I’m not able to access the loader through imports: [image] Because of this limitation, I need to get into discourse’s webpack which is nowhere to be found. How can I add a script to the folder? /var/discourse$ ls shared

We don’t use the browser’s native module resolution system, so with imports and exports won’t work as you expect. Instead, you can create an initializer in a Discourse theme/plugin, and use that to run the loadSprites() code. [image] Pyx : you can put anything where the - is so I’m not quite sure why it exists in the first place but thats not up for me to decide It’s for hosting environments where the same CDN domain is used by multiple Discourse forums. [image] Pyx : I have a Discourse install running off an IP, which is “unsupported” Indeed… it is not supported. You are very likely to run into other issues.

[image] David Taylor: Instead, you can create an initializer in a Discourse theme/plugin, and use that to run the loadSprites() code. Is there a guide for this? Haven’t tried that before.

This topic has an example: Split up theme Javascript into multiple files

Thanks… it worked! For anybody else having this issue in the future, here’s the repo which I used to fix it (assuming you are running on 192.168.0.22:8080) https://github.com/darkpixlz/discourse-icons-fix

Add a script to Discourse's webpack

Development

darkpixlz (Pyx ) July 1, 2024, 5:40pm 4

Is there a guide for this? Haven’t tried that before.

Topic		Replies	Views
Discourse-webpack: A boilerplate for developing JS-heavy Discourse components Development	1	2063	June 3, 2019
How to install npm packages in custom themes/plugins Development	6	2480	November 11, 2023
Some users get javascript errors when trying to load our Discourse Product Support	1	3405	January 16, 2023
Issues on loading a js asset from a Theme Component Development	18	1222	September 28, 2023
SetupWizard, blank screen, JS Error "`virtual-dom" Product Support	3	1548	July 27, 2017

Add a script to Discourse's webpack

Related topics