rollup-plugin-resource-query

a plugin to redirect resource query

It's a tiny rollup plugin to help redirect resourcQuery

Example

../static/svgs/icon.svg?url -> ../static/svgs/icon.svg

Why?

I use svgr to take care my svg resources. Webpack has a support of resourceQuery (link) but rollup didn't.

I am using both of them in my project so i write this plugin to help redirect the resourceQuery in rollup for svgr.

Usage

Step 1: install

npm install rollup-plugin-resouce-query -D
// or
yarn add rollup-plugin-resouce-query -D

Step 2: update config

Just place it before the url() and svgr() plugins. Give it a resourceQuery option to target the query that need to be redirect.

The example below will redirect xx.svg?url to xx.svg

Example

1import url from '@rollup/plugin-url'
2import svgr from '@svgr/rollup'
3import resourceQuery from 'rollup-plugin-resouce-query'
4
5export default {
6  plugins: [resourceQuery({ resourceQuery: 'url' }), url(), svgr()],
7  input: 'src/main.js',
8  output: {
9    file: 'bundle.js',
10    format: 'cjs',
11  },
12}

Then it's done. it should be work.

Example with custom redirect

1import url from '@rollup/plugin-url'
2import svgr from '@svgr/rollup'
3import resourceQuery from 'rollup-plugin-resouce-query'
4
5const redirect = (source) => {
6  return `${source}&added`
7}
8
9export default {
10  plugins: [resourceQuery({ resourceQuery: 'url', redirect }), url(), svgr()],
11  input: 'src/main.js',
12  output: {
13    file: 'bundle.js',
14    format: 'cjs',
15  },
16}

This example added a redirect option. You can customize the way you want if the default one is not enough for your usage.

this example will redirect tha path from xx.svg?url to xx.svg?url&added

Options

Key	Description	Type	isRequired	Default
resourceQuery	a string to match the target query to redirect.	String	Y	N/A
redirect	custom function to redirect. it will path the file path as a only parameter. just return the path you want to redirect.	function	N	redirect to the path without query. ex. xx.svg?resourceQuery -> xx.svg