How to reference JS file in the plugin? #209

ferdware · 2024-10-29T18:27:01Z

ferdware
Oct 29, 2024

Here is the folder structure of the test-plugin ( according to the plugin documentation )
[
test-plugin

I have a test onclick function in index.html

Test Button

I added to the top of index.html

I noticed my script entry gets overwritten when I view the raw html.

What’s the best way to make reference to the JS files in the plugin from index.html?

Thank You again.

givanz · 2024-10-29T18:42:55Z

The base for all pages is set in the <head> with

<head>
	<base href="/themes/currently-active-theme/">
</head>

Because of this to refrence files directly in /public/ folder you need to prefix the path with ../../

To include a test.js file located in /vvveb/public/plugins/test-plugin/test.js you should use

<script src="../../plugins/test-plugin/test.js"></script>

0 replies

ferdware · 2024-10-29T21:03:44Z

Thank You!

0 replies