npmpackage.info

Gathering detailed insights and metrics for styled-jsx-plugin-postcss

Other packages similar to styled-jsx-plugin-postcss

avet-styled-jsx-plugin-postcss

0.1.1

Plugin to add PostCSS support to avet-styled-jsx

gatsby-plugin-styled-jsx-postcss

2.0.2

A Gatsby plugin to use styled-jsx with PostCSS

styled-jsx-plugin-postcss-fix

0.1.3

Plugin to add PostCSS support to styled-jsx

@thedadi/styled-jsx-plugin-postcss

4.0.2

Plugin to add PostCSS support to styled-jsx

Gathering detailed insights and metrics for styled-jsx-plugin-postcss

styled-jsx-plugin-postcss - 4.0.1 | npmpackage.info

styled-jsx-plugin-postcss

Plugin to add PostCSS support to styled-jsx.

4.0.1

JavaScript

10.25 kB

2.4

Installations

npm install styled-jsx-plugin-postcss

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.16.2

NPM Version

6.14.4 Pull Requests

Open

7

Total

27

Closed

4

Merged

16

Issues

Open

4

Total

30

Closed

26

Releases

v2.0.1

Updated on Jun 01, 2019

v1.0.1

Updated on Oct 16, 2018

View All 2 releases

Languages

JavaScript

CSS

JavaScript (99.79%)

CSS (0.21%)

Developer

giuseppeg

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

92 Stars

40 Commits

17 Forks

3 Watchers

7 Branches

11 Contributors

Updated on Oct 14, 2024

Maintainers

View All 11 Contributors

Package Meta Information

Latest Version

4.0.1

Package Id

styled-jsx-plugin-postcss@4.0.1

Unpacked Size

10.25 kB

Size

4.31 kB

File Count

NPM Version

6.14.4

Node Version

12.16.2

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

styled-jsx-plugin-postcss

Use PostCSS with styled-jsx 💥

⚠️ This plugin is not actively being maintained. If you want me to work on it please consider donating.

Supporters

Companies and individuals who sponsored some work on this library:

🥇 @swissredcross

Usage

Install this package first.

1npm install --save styled-jsx-plugin-postcss

Next, add styled-jsx-plugin-postcss to the styled-jsx's plugins in your babel configuration:

1{
2  "plugins": [
3    ["styled-jsx/babel", { "plugins": ["styled-jsx-plugin-postcss"] }]
4  ]
5}

With config:

1{
2  "plugins": [
3    [
4      "styled-jsx/babel",
5      {
6        "plugins": [
7          [
8            "styled-jsx-plugin-postcss",
9            {
10              "path": "[PATH_PREFIX]/postcss.config.js",
11              "compileEnv": "worker"
12            }
13          ]
14        ]
15      }
16    ]
17  ]
18}

compileEnv

When using Node.js v12.3.0 and above the plugin defaults to compiling using a worker thread instead of a child process. This results in faster builds.

If for any reason you want to force compiling using a child process (slower) you can register the plugin with the config option compileEnv set to process.

Example with CRA

Usage with Create React App requires you to either eject or use react-app-rewired.

Here is an example using react-app-rewired:

1// config-overrides.js
2// this file overrides the CRA webpack.config
3
4const { getBabelLoader } = require("react-app-rewired");
5
6module.exports = function override(config, env) {
7  const loader = getBabelLoader(config.module.rules);
8
9  // Older versions of webpack have `plugins` on `loader.query` instead of `loader.options`.
10  const options = loader.options || loader.query;
11  options.plugins = [
12    [
13      "styled-jsx/babel",
14      {
15        plugins: ["styled-jsx-plugin-postcss"],
16      },
17    ],
18  ].concat(options.plugins || []);
19  return config;
20};

Note: Please follow their instructions on how to set up build & test scripts, and make sure you have a correctly formatted postcss.config.js as well.

Notes

styled-jsx-plugin-postcss uses styled-jsx's plugin system which is supported from version 2. Read more on their repository for further info.

Plugins

styled-jsx-plugin-postcss uses postcss-load-config therefore you may want to refer to their docs to learn more about adding plugins.

Contributions

PRs and contributions are welcome!

We aim to drive development of this plugin through community contributions.

License

MIT

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.4

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to styled-jsx-plugin-postcss

Other packages similar to styled-jsx-plugin-postcss

styled-jsx-plugin-postcss

Installations

Developer Guide

No

CommonJS

12.16.2

6.14.4

Pull Requests

7

27

4

16

Issues

4

30

26

Releases

Languages

Developer

giuseppeg

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

styled-jsx-plugin-postcss

Supporters

Usage

compileEnv

Example with CRA

Notes

Plugins

Contributions

License

10

10

2

0

0

0

0

0

0

0

0

0

0

2.4

/10