222 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
1
vote
0
answers
518
views
Webpack 5 can't resolve url path of background-image
I have tried multiple solutions like url-loader configuration but can't be helpful. I also tried asset/resource and asset/inline but not worked for me.
Any kind of help is appreciated. Remember I am ...
1
vote
2
answers
6k
views
url-loader with Webpack 5. Images are not loaded
For a small front-end vanilla JS project, I am using Webpack 5. I will only have one HTML page with text and some small icons, so I would like to use url-loader for these icons.
I installed the ...
0
votes
1
answer
167
views
Error taking images from the template in webpack 5
I am developing a basic application so instead of using some framework I am just using Typescript with the help of Webpack.
The problem is that I can't get webpack to take the images from the html ...
1
vote
0
answers
424
views
Error during bundle: Error: Unexpected character '' (Note that you need plugins to import files that are not JavaScript)
I added font to react typescript project after that I try to build but its showing error
Error during bundle: Error: Unexpected character '' (Note that you need plugins to import files that are not ...
1
vote
0
answers
214
views
Is there a problem when I use CSS-loader and url-loader?
when I use CSS-loader I set the options of url value false,then my url-loader won't handle the img where used in backgroud-url. The following is my setting,where is my problem?
css-loader config
...
6
votes
3
answers
5k
views
webpack - scss cannot resolve background-image url
In my scss file, I use background-image: url("../../../assets/images/home/banner-mobile.png");
The application runs successfully, but no background image is shown:
The background image URL ...
0
votes
1
answer
2k
views
How to use a custom Webpack Loader in Gatsby JS?
I am trying to change the default webpack loader for SVG files in Gatsby JS. I want to use the 'svg-url-loader' instead of the default 'url-loader'. I have installed it, and it works fine with webpack-...
7
votes
1
answer
21k
views
Next.js: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file
I am getting following error while loading image from local directory in my Next.js application
Failed to compile
./pages/components/image.png 1:0
Module parse failed: Unexpected character '�' (1:0)
...
0
votes
1
answer
706
views
url-loader without webpack?
I have a component library that will be shipping with a few small assets (images). Those assets are imported into various components in the library.
The build script uses babel (without webpack) to ...
4
votes
1
answer
963
views
Vue + webpack, convert font files to base64
I'm writing a library to import into other projects, to share custom components and styles.
Problem is with font files, .woff/.ttf/etc.
//_fonts.scss
$woff_path: '~/woff';
$ttf_path: '~/ttf';
@font-...
1
vote
1
answer
290
views
SyntaxError inside eot file with file-loader and webpack
I'm trying to use React Rainbow Components with Next.js (TypeScript) but I could not import font, so I used webpack with url-loader.
For some reason I keep getting the error SyntaxError: Invalid or ...
2
votes
1
answer
977
views
Does the url-loader plugin inline URLs in <img> tags, how?
Udate:
Although I haven't been able to find out whether this is a feature or a bug. It seems url-loader can't process the assets used in the Svelte component unless those are loaded via require. So I ...
0
votes
1
answer
2k
views
Webpack: 414 Request-URI Too Long for an image
I am developing a website using React and I use Webpack to bundle the files. I use several .png images on the site but I have a problem with one of these since when I try to create the package, this ...
0
votes
0
answers
191
views
Not able to view the Uploaded image (on the backend server) using Webpack with url-loader/file-loader in React
I am working on a FileUploader ( Images for now) which will enable the user to upload multiple files to the backend server in one go.
I have the following setup
Webpack configured with url-loader ...
1
vote
1
answer
5k
views
Webpack module rule test: Match files that contain a specific parameter
I want to display some specific images as data-uri instead of linking to the image location. For that I'm using the url-loader.
Here's my HTML (pug template):
img.loading(:src="require('@/images/...