@arcana/image-loaders-preset

Image Loaders Preset webpack plugin

Usage no npm install needed!

<script type="module">
  import arcanaImageLoadersPreset from 'https://cdn.skypack.dev/@arcana/image-loaders-preset';
</script>

README

Image Loaders Preset

Plug n Play Configuration for webpack for loading Image Files.

This plugin generates webpack loader configuration for supporting Image files.

Usage

  • Install plugin yarn add @arcana/image-loaders-preset.
  • Add to your webpack config with your other plugins.
const ImageLoaders = require('@arcana/image-loaders-preset');

module.exports = {
  plugins: [new ImageLoaders()],
};

  • Use the same code for both of your configs - production and development.

  • Remove Image Loader configuration if present. The plugin will automatically handles image files with file loader and url loader.