canirequire

canirequire › CommonJS › babel-plugin-styled-components

Is babel-plugin-styled-components ESM-only? Can you require() it?

Improve the debugging experience and add server-side rendering support to styled-components

Last verified Sep 9, 2026 against babel-plugin-styled-components@2.3.0. Markdown · JSON

CommonJS CommonJS — require() works on every Node.js version we test

babel-plugin-styled-components ships CommonJS only. require("babel-plugin-styled-components") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "babel-plugin-styled-components" 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("babel-plugin-styled-components") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun.
  2. From ES modules use the default import: import babelPluginStyledComponents from "babel-plugin-styled-components"; then destructure. Named imports only work when Node.js can statically detect the exports.
  3. TypeScript: no types are available for babel-plugin-styled-components; declare the module yourself if you need them.
Latest
2.3.0 (May 21, 2026)
Module format
CommonJS
Last CommonJS version
2.3.0
TypeScript types
None
Node engines
not declared
Weekly downloads
3.8M
License
MIT

Does babel-plugin-styled-components@2.3.0 actually load? Runtime test results

Installed and executed on Sep 9, 2026 with require("babel-plugin-styled-components") from a CommonJS file and import "babel-plugin-styled-components" from an ES module.

Runtimerequire("babel-plugin-styled-components")import "babel-plugin-styled-components"
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 babel-plugin-styled-components

ES modules (import)

import babelPluginStyledComponents from "babel-plugin-styled-components";

Named imports from a CommonJS package only work when Node.js can statically detect them. If a named import fails, use the default import and destructure.

CommonJS (require)

const babelPluginStyledComponents = require("babel-plugin-styled-components");

Module format by version

Derived from the type, main and exports fields of every stable release on npm, corrected where a runtime test of that version contradicted them (62 versions; the newest 60 shown).

VersionsFormatFirst published
1.0.1 – 2.3.0CommonJSMar 14, 2017

Frequently asked

Is babel-plugin-styled-components ESM-only?

babel-plugin-styled-components@2.3.0 is a CommonJS package. babel-plugin-styled-components ships CommonJS only. require("babel-plugin-styled-components") works on every Node.js version we test (18, 20, 22, 24 and 26) and in Bun. import "babel-plugin-styled-components" 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 babel-plugin-styled-components with ES module syntax?

Yes. import babelPluginStyledComponents from "babel-plugin-styled-components" 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 babel-plugin-styled-components work in Bun?

Yes. import "babel-plugin-styled-components" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

Does babel-plugin-styled-components ship TypeScript types?

No. babel-plugin-styled-components ships no type declarations and there is no @types package for it.

Links

Other commonjs packages

Similar popularity