vite-plugin-data-url
v1.0.0
Published
Extend vite import query to add data-url import. You can talk about importing the data-url encoding of a resource directly.
Downloads
47
Maintainers
Readme
vite-plugin-data-url
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
|