# Is @svgr/webpack ESM-only? Can you require() it?

> @svgr/webpack@8.1.0 is a CommonJS package. CommonJS — require() works on every Node.js version we test.

SVGR webpack loader.

Last verified Sep 9, 2026 against @svgr/webpack@8.1.0.

@svgr/webpack ships CommonJS only. require("@svgr/webpack") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >=14. import "@svgr/webpack" also works because Node.js and Bun can import CommonJS from ES modules, but only the default export is guaranteed; named imports depend on Node's static analysis of the module.

## What to do

1. require("@svgr/webpack") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >=14.
2. From ES modules use the default import: import webpack from "@svgr/webpack"; then destructure. Named imports only work when Node.js can statically detect the exports.
3. TypeScript: types are bundled; install nothing extra.

## Facts

- Latest: 8.1.0 (Aug 15, 2023)
- Module format: CommonJS
- Last CommonJS version: 8.1.0
- TypeScript types: bundled
- Node engines: >=14
- Weekly downloads: 8.5M
- License: MIT

## Runtime test results for @svgr/webpack@8.1.0

Installed and executed on Sep 9, 2026 with require("@svgr/webpack") from a CommonJS file and import "@svgr/webpack" from an ES module.

| Runtime | require("@svgr/webpack") | import "@svgr/webpack" |
|---|---|---|
| Node.js 18 | works | works |
| Node.js 20 | works | works |
| Node.js 22 | works | works |
| Node.js 24 | works | works |
| Node.js 26 | works | works |
| Bun 1.4.0 | works | works |

## How to import @svgr/webpack

ES modules:

```js
import webpack from "@svgr/webpack";
```

CommonJS:

```js
const webpack = require("@svgr/webpack");
```

## Module format by version

Derived from the type, main and exports fields of every stable release on npm (44 versions; the newest 44 shown).

| Versions | Format | First published |
|---|---|---|
| 2.0.0 – 8.1.0 | CommonJS | Jun 12, 2018 |

## Frequently asked

**Is @svgr/webpack ESM-only?**

@svgr/webpack@8.1.0 is a CommonJS package. @svgr/webpack ships CommonJS only. require("@svgr/webpack") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. The package declares Node.js >=14. import "@svgr/webpack" also works because Node.js and Bun can import CommonJS from ES modules, but only the default export is guaranteed; named imports depend on Node's static analysis of the module.

**Can I import @svgr/webpack with ES module syntax?**

Yes. import webpack from "@svgr/webpack" works in Node.js and Bun because they support importing CommonJS modules. Named imports work only when Node.js can statically detect the exports.

**Does @svgr/webpack work in Bun?**

Yes. import "@svgr/webpack" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

**Does @svgr/webpack ship TypeScript types?**

Yes. @svgr/webpack bundles its own type declarations; no @types package is needed.

## Links

- [@svgr/webpack on npm](https://www.npmjs.com/package/@svgr/webpack)
- [Source repository](https://github.com/gregberge/svgr.git#main)
- [HTML version](https://canirequire.com/package/@svgr/webpack/)
- [JSON version](https://canirequire.com/package/@svgr/webpack.json)

---

For scripts and AI agents: any package is at https://canirequire.com/package/<name>/index.md (Markdown) or https://canirequire.com/package/<name>.json (JSON); the site index is https://canirequire.com/llms.txt. Fetch the URL directly; no search needed.