I am trying to access function defined in table.js file from index.html.
table.js
let table;
function set_table(table) {
this.table = table;
console.log("function called successfully");
}
export {set_table};
index.html
<script src="table.js"></script>
<script type="text/javascript">
set_table("test");
</script>
I'm using npm webpack mix to compile table.js and receiving the error Uncaught ReferenceError: set_table is not defined.
Please suggest the best way to access table.js function in index.html
Module exports need to be set on window. So, just import set_table in script type="module" and then set it on window as window.set_table
<script type="module">
import { set_table } from "./table.js";
window.set_table = set_table;
</script>
See this answer https://stackoverflow.com/a/69083651/1109657