Questions tagged [urlloader]

223 questions
1
vote
1 answer

Configure inline image import in Babel

I'm using React.js and Babel, and importing png images of different sizes (some of them are more than 10kb of size). And when loaded to the docker-compose url, relative path is not working. Here is my .babelrc file content { "presets":…
Abdulbosid
  • 354
  • 1
  • 2
  • 12
1
vote
1 answer

Image file cannot be found when using URL loader of webpack with React & Django

I am struggling with loading images using the img-tag within a React component. Basically I am using webpack's url loader to load the images and add a hash (to avoid later caching issues). When running "npm run dev" the bundle is created and the…
Greg Holst
  • 874
  • 10
  • 23
1
vote
0 answers

React SSR: Static files on client and server bundles

I'm working on a ssr React application where I was using only Webpack for creating the client bundle. But now I have to add static files like images or custom fonts so I have to create a Webpack server file for bundles the server code as well. So…
1
vote
2 answers

Loading FontAwesome via Webpack: Fonts do not load

I'm trying to understand how to load fonts via fontawsome when loading them through a scss file: this is my webpack config: const path = require('path'); const webpack = require('webpack'); const UrlLoader …
Imnotapotato
  • 5,308
  • 13
  • 80
  • 147
1
vote
1 answer

From URLLoader to FileStream (or vice versa)

I have a functionality working with a file hardcoded through URL Loader, but I want to be able to select the file from anywhere on my harddrive in an Air application. public function loadFile(): Array { csv = new URLLoader(); …
Damon
  • 10,493
  • 16
  • 86
  • 144
1
vote
1 answer

webpack: can't build correct font paths

I have a vue.js project - I used the webpack template. We have custom fonts. I referenced them in my scss as follows: $font-path: '~@/assets/fonts/'; @font-face { font-family: 'someFont'; src: url('./#{$font-path}someFont/someFont.eot')…
sandrooco
  • 8,016
  • 9
  • 48
  • 86
1
vote
0 answers

Broken image in vue style with webpack

This is the style I expect it to load the mountain image, but instead it gives nothing. The style is at…
Terry Djony
  • 1,975
  • 4
  • 23
  • 41
1
vote
1 answer

Why webpack work well with .png files but not resolving .jpg files

A beginner in webpack. I am trying to work with webpack+bootstrap. I added a background property in bootstrap sass file. it works fine if I use .png image. but when I use .jpg the compilation fails. Even if I rename the same .jpg to .png. It didn't…
1
vote
1 answer

Base64 webpack url-loader encoded image not displayed

I have problems adding a background image to my react (bootstrap) project. I already found much information about using url/file loaders to load and encode images as base64 strings and then adding them to the style of components. However, my base64…
Zapnuk
  • 606
  • 7
  • 15
1
vote
1 answer

migrating url-loader to webpack 2?

Using webpack 2, are there any changes that one needs to change in order to configure webpack correctly? here's what i have for configuration options: modules: { rules: [ { test: /\.(ttf|otf|eot|svg|woff2?)(\?.+)?$/, …
chrisjlee
  • 21,691
  • 27
  • 82
  • 112
1
vote
1 answer

Uploading data with Flex and getting the bytes sent

I want to upload data (not a local file) with Flex (4.1), and show what the progress is of the bytes sent. Now I use a URLLoader, but I know that URLLoader was designed to download data, I can connect a listener to ProgressEvent.PROGRESS but that…
1
vote
1 answer

Raw loader vs url loader in webpack

Anyone know the difference between the raw loader vs url loader in webpack? does the url loader do the same as raw, except falls back to file-loader at a certain file size?
SuperUberDuper
  • 9,242
  • 9
  • 39
  • 72
1
vote
1 answer

How to prevent Webpack generating images in my output folder?

When I start webpack, it compiles my scss files and convert small files to base64. However, it also copies large images from my /img folder into the output folder. How can I prevent webpack doing this? I want that webpack left references to my…
1
vote
0 answers

URLLoader Event.Complete not firing

I'm trying to load data from a simple php file. I'm getting an IOErrorEvent message that states: "Unable to make request (may be blocked due to cross-domain restrictions)" This works find in AS3, but I'm trying to get it to work in Haxe + OpenFL…
Brian King
  • 21
  • 5
1
vote
1 answer

How to set material-css with webpack config?

Sorry to bother, because it could be a local problem. But it has been bothering me for days. Here is my webpack config: var path = require('path'); var webpack = require('webpack'); var ExtractTextPlugin =…
Sid Kwok
  • 11
  • 3