So Im trying to integrate a react component into webflow, I’m using webpack to generate the bundle.js file and hosting the code onto google cloud. I can embed the bundle’s link fine in my existing site on webflow, the only thing that’s missing are the image files, for some reason webflow is not getting the images, below is my webpack config. I’m wondering if there is anything that I’m missing or anyone here have run into the same issue that could help. Thank you in advance!
const path = require(“path”);
module.exports = {
entry: “./src/index.js”,
module: {
rules: [
{
test: /.(js|jsx)$/,
exclude: /node_modules/,
use: [“babel-loader”],
},
{
test: /.css$/,
use: [“style-loader”, “css-loader”],
},
{
test: /.(pdf|jpg|png|gif|svg|ico)$/,
use: [
{
loader: “url-loader”,
},
],
},
{
test: /.(woff|woff2|eot|ttf|otf)$/,
loader: “file-loader”,
},
],
},
resolve: {
extensions: [“*”, “.js”, “.jsx”],
},
output: {
path: __dirname + “/dist”,
publicPath: “”,
filename: “bundle.js”,
},
devServer: {
static: {
directory: path.join(__dirname, “dist”),
},
},
};