# @neutrinojs/image-loader

> Neutrino middleware for importing and loading image files from modules

Latest version **9.5.0** (published 2020-12-23) · MPL-2.0 license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @neutrinojs/image-loader
pnpm add @neutrinojs/image-loader
yarn add @neutrinojs/image-loader
bun add @neutrinojs/image-loader
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 9.5.0 |
| Published | 2020-12-23 |
| First published | 2017-12-07 |
| Weekly downloads | 0 |
| License | MPL-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=10 |
| Dependencies | 2 |
| Unpacked size | 20.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3905 |
| Author | Eli Perelman |
| Maintainers | edmorley, helfi92, timkelty, eliperelman |
| Keywords | neutrino, neutrino-middleware, image |

## Links

- npm: https://www.npmjs.com/package/@neutrinojs/image-loader
- Repository: https://github.com/neutrinojs/neutrino
- Homepage: https://neutrinojs.org
- Issues: https://github.com/neutrinojs/neutrino/issues
- npm.io page: https://npm.io/package/@neutrinojs/image-loader

## Dependencies (2)

- [url-loader](https://npm.io/package/url-loader.md) ^4.1.1
- [file-loader](https://npm.io/package/file-loader.md) ^6.2.0

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 9.5.0 (latest) — 2020-12-23
- 9.4.0 — 2020-08-28
- 9.3.0 — 2020-07-16
- 9.2.0 — 2020-06-07
- 9.1.0 — 2020-01-28
- 9.0.0 — 2019-12-13
- 9.0.0-rc.5 — 2019-11-13
- 9.0.0-rc.4 — 2019-10-06
- 9.0.0-rc.3 — 2019-05-08
- 9.0.0-rc.2 — 2019-05-08
- 9.0.0-rc.1 — 2019-04-16
- 9.0.0-rc.0 — 2018-11-26
- 9.0.0-beta.1 — 2018-10-23
- 9.0.0-beta.0 — 2018-09-20
- 8.3.0 — 2018-06-27
- … 37 more at https://npm.io/package/@neutrinojs/image-loader/versions

## README

# Neutrino Image Loader Middleware

`@neutrinojs/image-loader` is Neutrino middleware for loading and importing
image files from modules.

[![NPM version][npm-image]][npm-url] [![NPM downloads][npm-downloads]][npm-url]

## Requirements

- Node.js 10+
- Yarn v1.2.1+, or npm v5.4+
- Neutrino 9
- webpack 4

## Installation

`@neutrinojs/image-loader` can be installed via the Yarn or npm clients.

#### Yarn

```bash
❯ yarn add --dev @neutrinojs/image-loader
```

#### npm

```bash
❯ npm install --save-dev @neutrinojs/image-loader
```

## Usage

`@neutrinojs/image-loader` can be consumed from the Neutrino API, middleware, or
presets. Require this package and plug it into Neutrino:

```js
const images = require('@neutrinojs/image-loader');

// Use with default options
neutrino.use(images());

// Usage showing default options
neutrino.use(
  images({
    limit: 8192,
    name:
      process.env.NODE_ENV === 'production'
        ? 'assets/[name].[hash:8].[ext]'
        : 'assets/[name].[ext]',
  }),
);
```

```js
// Using in .neutrinorc.js
const images = require('@neutrinojs/image-loader');

// Use with default options
module.exports = {
  use: [images()],
};

// Usage showing default options
module.exports = {
  use: [
    images({
      limit: 8192,
      name:
        process.env.NODE_ENV === 'production'
          ? 'assets/[name].[hash:8].[ext]'
          : 'assets/[name].[ext]',
    }),
  ],
};
```

- `limit`: Return a Data URL instead of outputting a file, if the file is
  smaller than a byte limit.
- `name`: The template used by `file-loader` to determine the output filename.

## Customization

`@neutrinojs/image-loader` creates some conventions to make overriding the
configuration easier once you are ready to make changes.

### Rules

The following is a list of rules and their identifiers which can be overridden:

| Name    | Description                                                                                                  | NODE_ENV |
| ------- | ------------------------------------------------------------------------------------------------------------ | -------- |
| `image` | Allows importing ICO, JPEG, PNG, GIF, SVG and WEBP files from modules. Contains a single loader named `url`. | all      |

## Contributing

This middleware is part of the
[neutrino](https://github.com/neutrinojs/neutrino) repository, a monorepo
containing all resources for developing Neutrino and its core presets and
middleware. Follow the
[contributing guide](https://neutrinojs.org/contributing/) for details.

[npm-image]: https://img.shields.io/npm/v/@neutrinojs/image-loader.svg
[npm-downloads]: https://img.shields.io/npm/dt/@neutrinojs/image-loader.svg
[npm-url]: https://www.npmjs.com/package/@neutrinojs/image-loader

---
_Source: https://npm.io/package/@neutrinojs/image-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._