I’m trying to put an image as background in a div but it doesn’t recognize it because webpack changes the path to http://localhost:8080/gaia.png instead of http://localhost:8080/assets/images/gaia.png The image is displayed correctly inside an tag but it doesn’t load if I want to use it from the Css file. I’m sure the problem is the file… Read More Unable to load background image from Css file Webpack5

So, i have a function in file that converts into bundler.js via webpack (devtool: ‘eval-source-map’): function getTable(tname, trowid) { return get(ref(db, `table_name/${tname}/table_row_${String("0" + trowid).slice(-2)}`)).then((snapshot) => { if (snapshot.exists()) { console.log(snapshot.val()); // need to return this value } }); } window.getTable = getTable; and i need call this function in main.js smt like this: for (i… Read More get webpacked module function variable

I have tried looking for this problem on the internet and couldn’t find anything related. I am trying to build a small project where the body of my HTML will only have one div with id="content" and I have to append the rest of the elements one-by-one to this div. Now I created an element… Read More Body elements disappearing as I run webpack

I’m configuring Webpacks output and i have run into some examples which have this unusual syntax added on the end. output: { filename: ‘[name][fullHash:8].bundle.js’, chunkFilename: ‘[name][fullHash:8].bundle.js’, path: `${__dirname}/dist`, publicPath: "/", }, Ok now you see the :8’s after fullhash? what extra feature does it provide? My first guess was UTF-8??? But that’s just a stab… Read More What does the :8 mean in Webpack's output variables. filename: [name][contenthash:8]?

I’m using vue-cli which, instead of creating a webpack.config.js uses a vue.config.js: const { defineConfig } = require(‘@vue/cli-service’) module.exports = defineConfig({ transpileDependencies: true, }) as soon as Install a specific npm package Vue is trowing 17 errors: Vue Cli uses the latest version of webpack (5). But this new NPM package I’ve installed is only… Read More How can I translate the instructions/code that would work on the webpack.config.js to the vue.config.js file?

When running npm start, webpack is throwing an error: ERROR in ./src/style/main.less 1:0 Module parse failed: Unexpected character ‘@’ (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > @import "header.less"; | @color: #f5adad; | body { @ ./src/index.js 1:0-27 In… Read More Module parse failed: Unexpected character '@' (1:0) – You may need an appropriate loader to handle this file type

I am always using mini-css-extract-plugin to optimize CSS. Today I found a new project, css-minimizer-webpack-plugin from here, seems like this project do the same thing as mini-css-extract-plugin. What is the advantage of css-minimizer-webpack-plugin? I read the docs and article from google, seems no one is talking about it? Should I use css-minimizer-webpack-plugin to replace the… Read More Webpack, css-minimizer-webpack-plugin vs mini-css-extract-plugin

I am serving my static files from express and i can see that it loads index.html But the problem is when on a rout for example localhost:8080/users and i refresh the page, the .css and main.js does not seam to be loaded so it returns blank page.. Any idea on what night be the problem?… Read More React webpack showing blank page on refresh