search

iampava / imagemin-webp-webpack-plugin

Webpack plugin which converts images to the WebP format while also keeping the original files.
MIT License
113 stars 27 forks source link

Make this plugin work with 'css-loader' #56

Open iampava opened 3 years ago

iampava commented 3 years ago

Unfortunately this plugin doesn't "play nice" with css-loader.

Trying to use .webp images from CSS will fail unless the url: false option is set for css-loader. For example, this code:

body {
  backgrund-image: url('/assets/cover.webp')
}

will fail since initially only cover.jpg exists, and cover.webp is created dynamically by this Plugin.

Potential fixes:

  1. use url: false option for css-loader (however this might be incompatible if your projects depends on creating the assets via this loader)
  2. have a pre-webpack step which generates the images, not part of the Webpack config. This way, the .webp files exist beforehand.

Option 2 will take some work so please up-vote this issue, this way I know how many people are affected by this problem and can prioritize accordingly.

Alfred-wen commented 2 years ago

How is it going?

osartun commented 1 year ago

For me it also doesn't work in a JS file with require('./images/imgname.webp'). It complains as well:

Module not found: Error: Can't resolve './images/imgname.webp' in '{local path}'
haseeb-dc commented 1 year ago

I have been waiting for sometime for this can you please provide some update