I am trying to make a webpage with web pack. It is time to add images on my website and I am not able to. The point of the exercise is to make a website with webpack and not hardcode any of the HTML. The code is pretty brief so I will post it here.
index.js
import './style.css';
import { content } from './loadUp';
content();
loadUp.js
export {content}
function content() {
let myIcon = "<img src='src/icon.jpg></img>"
let content = "<h1 class='header'>Restaurant Tucker</h1>";
let navBar = "<nav class='tabs-items'><ul class='tabs'>Lunch</ul><ul class='tabs'>Dinner</ul><ul class='tabs'>Contact Us<ul></nav>";
$("#heading").append(content, navBar, myIcon)
return {content, navBar, myIcon}
}
I followed all the directions on the webpack documentation to load images in but I am not quite sure what I am missing. That you for the help.