Questions tagged [urlloader]
The urlloader tag has no usage guidance.
urlloader
224
questions
0
votes
0
answers
18
views
Has anyone had a problem with font files getting messed up with webpack url-loader? Meaning they don't look right after build
Fonts don't look as they should after building files, but the path is correct there's no error anywhere. Does copying them make them different? Has anyone faced similar issues
Build files and load the ...
1
vote
0
answers
455
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 ...
- 43
0
votes
2
answers
3k
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 ...
- 11.7k
0
votes
1
answer
119
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 ...
- 205
1
vote
0
answers
400
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
202
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
...
- 11
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 ...
- 6,213
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
20k
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)
...
- 154
0
votes
1
answer
669
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 ...
- 901
4
votes
1
answer
864
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-...
- 91
1
vote
1
answer
267
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 ...
- 1,785
2
votes
1
answer
945
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 ...
- 2,913
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 ...
- 661
0
votes
0
answers
184
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 ...
- 724