parcel-transformer-url-loader

use base64 encode file in js and css(includes sass/less etc.)

the plugin will unlink file in production(parcel env).

Installation

if you use Parcel 1.x, you should install parcel-plugin-url-loader@1.3.1.

npm

1npm i parcel-transformer-url-loader -D

yarn

1yarn add parcel-transformer-url-loader --dev

Usage

define transformers for parcel

you must define glob in .parcelrc to match files for the transformer of parcel-transformer-url-loader.

for example:

1// .parcelrc
2{
3  "extends": "@parcel/config-default",
4  "transformers": {
5    "*.{png,jpg,jpeg}": ["parcel-transformer-url-loader"]
6  }
7}

Configuration

✨✨✨ If you have used url-loader in webpack, you'll feel familiar with it.

there is default options in package.json

1{
2  "parcel-transformer-url-loader": {
3    "limit": 10240
4  }
5}

if you want to have your configuration

you can define "parcel-transformer-url-loader" in you package.json.

for example:

1{
2  "name": "your project",
3  "scripts": {},
4  "parcel-transformer-url-loader": {
5    "limit": 8888
6  }
7}