I'm using Webpack for the first time. Currently everything is being served up quite nicely. My problem is when I'm trying to build a dist folder. Currently I get my index.html and bundle.js files but I can't figure out how to push my asse...

I'm trying to split my json files (2 files) into separated chunks. I was able to do it, but there is a "con".  Those json's are converted into .js by webpack, that's why I added a file-loader to .json files, however the await impo...

I am trying to get Webpack 4 to output a .png file into /dist/assets, and have that be used by my index.html file via file-loader.  The .png file does output into dist/assets, but it does not get loaded in by the browser. Funny thing, I treat my .png...

I am trying to load a jpg image file using Webpack, but I keep getting the following error: Uncaught Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleParseError: Module parse failed: Unexpected character...

I am trying to create a music player that will simply play a mp3 file.  I do not know how to serve the mp3 file through webpack to the Audio Element constructor. I have set up a file-loader for mp3 files in webpack. Providing the relevant url to the...

I've been trying for hours and have no success when importing material design iconic fonts using webpack.  My webpack.config.js  ... module: {     rules: [         {             test: /\.css$/,             use: [                 {loader: "sty...

I'm loading assets with file-loader in Webpack3 and everything works well for common images types but when I try to load videos (MP4, MOV ...) it seems that it can't detect those. Here's the code to load assets in my webpack.config file:...

I am using webpack for my PHP and React project. I want to load a background image from my .scss file with the webpack file-loader but for some reason I don't know, the img-folder does not get copied/exported to my dist-folder. Below is the webpa...

I'm struggling with adding Font Awesome to my webpack project.   I use file-loader to get webfont files to static/webfonts/. Then I use mini-css-extract-plugin to extract css from bundle to static/css/. It results in wrong URLs such as:  static/c...

I ran into this problem when I was trying to set up webpack config for my project. Here is module.rules:   module: {     rules: [       {         test: /\.(html)$/,         use: {           loader: "html-loader"         }       },       {...