Registry / data / vite-plugin-raw

vite-plugin-raw

library1.0.3jsnpmunverified

Transforms any file type (e.g., SVG, CSS, text) into an imported string in Vite. Currently at version 1.0.3, stable but minimal maintenance. Differentiates from raw-loader or ?raw suffix by offering a plugin-based approach with regex match and exclude patterns, allowing selective file transformation without query strings.

data http-networking web-framework

npm install vite-plugin-raw

github ↗package ↗

INSTALL

IMPORT

SIG · VITE-PLUGIN-RAW

vite-plugin-raw

datajavascriptv1.0.3

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import vitePluginRaw from 'vite-plugin-raw'

✗ const vitePluginRaw = require('vite-plugin-raw')

ESM default import is preferred; CJS require also works.

default

✓ const vitePluginRaw = require('vite-plugin-raw')

✗ import { vitePluginRaw } from 'vite-plugin-raw'

This package has a default export, not a named export.

vitePluginRaw

✓ import vitePluginRaw from 'vite-plugin-raw'

✗ import { raw } from 'vite-plugin-raw'

Common misconception: the exported function is named vitePluginRaw.

Configure vite-plugin-raw to import SVG files as strings, excluding node_modules.

// vite.config.js import { defineConfig } from 'vite'; import vitePluginRaw from 'vite-plugin-raw'; export default defineConfig({ plugins: [ vitePluginRaw({ match: /\.svg$/, exclude: [new RegExp('node_modules')] }) ] }); // main.js import svgContent from './icon.svg'; console.log(svgContent); // string

Debug

Known issues

gotchamatch regex must be correctly scoped; overly broad patterns may transform unwanted files.

fix

Use specific regex like /\.(svg|txt)$/ and add exclude patterns for directories.

affects: >=1.0.0

breakingExclude paths must be absolute or regex; relative paths may not work.

fix

Use path.resolve(__dirname, 'dir') for exclude entries.

affects: >=1.0.0

gotchaOnly transforms files imported via ES modules; dynamic imports may not work.

fix

Use static import statements for transformed files.

affects: >=1.0.0

Errors

Common errors & fixes

TypeError: vitePluginRaw is not a function

Using named import instead of default import.

fix

Use `import vitePluginRaw from 'vite-plugin-raw'`

ERR_MODULE_NOT_FOUND: Cannot find package 'vite-plugin-raw'

Package not installed or missing from devDependencies.

fix

Run `npm install -D vite-plugin-raw`

The requested module '...icon.svg' does not provide an export named 'default'

vite-plugin-raw not configured or not transforming that file.

fix

Check that the plugin is added to Vite config and match regex covers .svg.

Upgrade

Version history

1.0.3latest on npm

Audit

Dependencies

No dependency data recorded yet.

Agent activity

21 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/xingw-z/vite-plugin-raw ↗

packagehttps://www.npmjs.com/package/vite-plugin-raw ↗