vite-plugin-data-url
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

vite-plugin-data-url

npm npm GitHub

Add support for data-url query import, you can directly import the data-url address of the image.

📦 Install

npm i vite-plugin-data-url -D

# yarn
yarn add vite-plugin-data-url -D

# pnpm
pnpm add vite-plugin-data-url -D

🦄 Usage

Add envParse plugin to vite.config.js / vite.config.ts and configure it:

// vite.config.js / vite.config.ts
import { dataUrl } from 'vite-plugin-data-url'

export default {
  plugins: [dataUrl()]
}

Typescript

Add types for ?data-url

"complierOptions":{
  // ...
  "types": ["vite-plugin-data-url/types"]
  // ...
}

API

Base64ImportOptions

Property Name Type Description Default Value
sizeWarning boolean Whether to disable the warning when specified files exceed the set size limit. true
limit number The maximum file size (in KB) for converting to base64. If exceeded, a warning will be given and the file will be ignored. 10 * 1024

License

MIT licenses

Package Sidebar

Install

npm i vite-plugin-data-url

Weekly Downloads

11

Version

1.0.0

License

MIT

Unpacked Size

7.66 kB

Total Files

6

Last publish

Collaborators

  • yue1123