alessaloisio / image-loader

loader webpack to resize and compress images

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

image-loader

Loader webpack to resize and compress images

Installation

npm i @alessio95/image-loader

Add the loader on your webpack.config.js

{
  test: /\.(png|svg|jpg|gif)$/,
  use: [
    {
      loader: 'file-loader',
      options: {
        name: 'images/[name].[ext]',
      },
    },
    '@alessio95/image-loader', // Minify & Resize images
  ],
},

The loader recovers all images from your project called in your /[s?css]/ or js files. His task is to compress your image and resize them.

Resize info :

  • small version : scale(0.5) | divide by 2
  • large version : scale(3) | 1/4 more larger

About

loader webpack to resize and compress images


Languages

Language:JavaScript 100.0%