webpack-file-loader Questions
2
Solved
I am making an angular2 application with webpack module bundler. Now i have added file-loader for loading image files such as jpg, gif, png,etc. But when i run the build command the image files are...
Chromatin asked 9/1, 2017 at 9:30
2
How can I webpack a web app into an output .html file, starting from a traditional input .html?
Here is a simple starting point:
index.html
<body>
<output></output>
<scrip...
Skeleton asked 12/7, 2017 at 16:41
3
Solved
I'm using webpack and it's file-loader + html-loader to emit files into my output directory. It works almost as expected, because it also duplicates those files.
Here is a part of my webpack.config...
Louvar asked 1/4, 2021 at 15:20
4
Solved
I want to generate webp files from jpg/png from webpack.
To do that i using image-webpack-plugin (https://github.com/tcoopman/image-webpack-loader)
In the plugin documentation it's written that th...
Shiah asked 12/11, 2019 at 22:48
2
Solved
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 b...
Voltmeter asked 8/8, 2017 at 21:59
8
I have a problem with getting my mp3 files to work using the webpack file loader.
This is the issue:
I have a mp3 file on my harddisk, that if I open using chrome by for example "c:\somefolder\so...
Classical asked 7/7, 2016 at 18:9
4
Solved
It's web application created with Typescript, React and webpack. I want to use svg file through webpack. However, I got
TS2307: Cannot find module '~/images/slide.svg'.
Typescript files are p...
Luther asked 6/11, 2019 at 8:56
1
Solved
Guys has it occurred to you in the web pack to set a specific path in the output for images, but the files that are created in the output are broken files in the root of the output folder (which is...
Symposium asked 24/10, 2021 at 16:10
3
I'm new to building a browser game using Typescript/React/Redux/etc. and am trying to implement audio for the game. I've been attempting to import audio files in the same way I import image and jso...
Hepsiba asked 27/6, 2019 at 0:23
3
Solved
I'm trying to figure out the difference between url-loader vs file-loader. What does DataURl mean?
The url-loader works like the file-loader, but can return a DataURL if
the file is smaller tha...
Saltern asked 3/3, 2018 at 2:22
7
I'm attempting to display an image in a React component as part of a project using webpack and webpack-dev-server.
So far I have completed the following steps:
Used npm to install file-loader
Up...
Selfeffacing asked 1/6, 2017 at 15:54
3
Solved
I'm starting with webpack, but I'm really new on this and I'm stuck right now.
My project copies my fonts correctly but not images. Now the only way I am able to make it work is by copying my image...
Interpellation asked 9/2, 2018 at 11:24
0
I am using NextJS and on my website I have some webm, mp4 files and I want to display it. Somehow everytime I try to build or start next dev, I get this error. I tried to use withVideos, webpack4, ...
Scrivens asked 29/4, 2021 at 15:19
3
Solved
When using file-loader and html-loader in webpack the src attr of image is '[object Module]'
I am doing a project with webpack4 from scratch. But when I try to display an image in an HTML file, I face a weird problem:
After npm run build, the src of image tag is built as <image src="[ob...
Jurisprudent asked 30/11, 2019 at 8:25
5
Solved
When trying to load custom local fonts in Vue CLI 3 the fonts still will not appear. I am not receiving any error messages. The inspector shows the correct rule being loaded, but fonts are falling ...
Maryannmaryanna asked 29/3, 2019 at 17:4
2
I am facing difficulty understanding the nature of URLs/paths and how they are resolved while using the mini-css-extract-plugin, file-loader and configuring their options such as the context and fi...
Vonnievonny asked 4/3, 2020 at 20:29
3
Hi im using socket io in my application. Which is requiring fs. when i try to bundle my javascript using below webpack config. im getting error can not resolve 'fs'.
Module not found: Error: Can't...
Earthaearthborn asked 20/4, 2018 at 0:39
2
Solved
Images are not loading in the browser using Webpack 4 with either of url-loader, or file-loader. Small images are not in data url(or if they are the browser isn't showing them) and file network req...
Fiction asked 3/10, 2019 at 2:38
1
I am using ace code editor package which uses a webpack-resolver.js file in its package that has inline file-loader! in each require statement
e.g.
This works fine for my webpack config and everyt...
Sheritasherj asked 6/11, 2019 at 23:56
3
I'm trying to output all image files through webpack file loader, webpack is ignoring images with PNG extensions however. Configuration works correctly on JPG files.
My webpack config:
const path...
Expository asked 16/10, 2016 at 16:8
2
Solved
Given this setup:
fonts/styles.css
@font-face {
family: 'MyFont';
src: url('fonts/myfont.otf');
}
How can I:
in my JS bundle, obtain a reference to the URL of the CSS file, as a string, e.g...
Domineering asked 21/8, 2018 at 8:42
4
I am using webpack with some plugins and loaders to take my src/ folder and build a dist/ folder. url-loader (which falls back to file-loader when images are larger than a specific limit) is output...
Bearcat asked 14/12, 2018 at 22:7
1
Solved
I am new to nodejs and get a problem when trying to use sass with it.
The following information is just fictional, but it represents the
actual condition.
THE SCENARIO:
I have the followin...
Poppycock asked 7/3, 2019 at 3:0
1
I'm using webpack to generate the appropriate files for a npm package which will host a few react components. They have some CSS attached, which references some fonts and icons.
When using the fil...
Silvester asked 11/5, 2016 at 19:32
4
Solved
I am setting up Webpack 3 and currently configuring asset management of static images that I would like to copy over from my src folder to my dist folder. I would like to keep the file structure of...
Cyano asked 20/12, 2017 at 13:4
1 Next >
© 2022 - 2024 — McMap. All rights reserved.