Gathering detailed insights and metrics for babel-plugin-react-native-web
Gathering detailed insights and metrics for babel-plugin-react-native-web
Cross-platform React UI packages
Installations
npm install babel-plugin-react-native-webDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
22.14.0
NPM Version
10.9.2
Score
100
Supply Chain
82.5
Quality
77.8
Maintenance
100
Vulnerability
100
License
Releases
22
Languages
4
JavaScript
CSS
HTML
Shell
JavaScript (83%)
CSS (9.11%)
HTML (7.85%)
Shell (0.05%)
Developer
Download Statistics
Total Downloads
120,253,424
Last Day
79,295
Last Week
1,345,054
Last Month
6,083,868
Last Year
51,132,012
GitHub Statistics
MIT License
21,915 Stars
1,996 Commits
1,819 Forks
331 Watchers
21 Branches
187 Contributors
Updated on Jun 15, 2025
Bundle Size
3.22 kB
Minified
1.26 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
0.20.0
Package Id
babel-plugin-react-native-web@0.20.0
Unpacked Size
16.82 kB
Size
4.12 kB
File Count
8
NPM Version
10.9.2
Node Version
22.14.0
Published on
Apr 03, 2025
Total Downloads
Cumulative downloads
Total Downloads
120,253,424
Last Day
-5.5%
79,295
Compared to previous day
Last Week
-7%
1,345,054
Compared to previous week
Last Month
-0.4%
6,083,868
Compared to previous month
Last Year
86.5%
51,132,012
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dev Dependencies
1
babel-plugin-react-native-web
A Babel plugin that will alias react-native to react-native-web and exclude
any modules not required by your app (keeping bundle size down).
Installation
npm install --save-dev babel-plugin-react-native-web
Usage
.babelrc
{
"plugins": [
["react-native-web", { commonjs: true }]
]
}
You should configure the plugin to match the module format used by your
bundler. Most modern bundlers will use a package's ES modules by default (i.e.,
if package.json has a module field). But if you need the plugin to rewrite
import paths to point to CommonJS modules, you must set the commonjs option
to true.
Example
NOTE: react-native-web internal paths are not stable and you must not rely
on them. Always use the Babel plugin to optimize your build. What follows is an
example of the rewrite performed by the plugin.
Before
1import { StyleSheet, View } from 'react-native';
After
1import StyleSheet from 'react-native-web/dist/exports/StyleSheet'; 2import View from 'react-native-web/dist/exports/View';
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
4 commit(s) and 2 issue activity found in the last 90 days -- score normalized to 5
Reason
Found 8/23 approved changesets -- score normalized to 3
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Info: topLevel 'contents' permission set to 'read': .github/workflows/labels.yml:10
- Warn: no topLevel permission defined: .github/workflows/performance.yml:1
- Warn: no topLevel permission defined: .github/workflows/react-integration.yml:1
- Warn: no topLevel permission defined: .github/workflows/tests.yml:1
- Info: no jobLevel write permissions found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/labels.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/labels.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/labels.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/labels.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/performance.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/performance.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/performance.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/react-integration.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/react-integration.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/react-integration.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/react-integration.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
- Warn: npmCommand not pinned by hash: .github/workflows/react-integration.yml:17
- Warn: npmCommand not pinned by hash: .github/workflows/react-integration.yml:19
- Warn: npmCommand not pinned by hash: .github/workflows/tests.yml:19
- Warn: npmCommand not pinned by hash: .github/workflows/tests.yml:29
- Warn: npmCommand not pinned by hash: .github/workflows/tests.yml:39
- Warn: npmCommand not pinned by hash: .github/workflows/tests.yml:49
- Info: 0 out of 12 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 2 third-party GitHubAction dependencies pinned
- Info: 0 out of 6 npmCommand dependencies pinned
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 17 are checked with a SAST tool
Reason
18 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
- Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-r7jx-5m6m-cpg9
- Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
- Warn: Project is vulnerable to: GHSA-45rm-2893-5f49
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-f82v-jwr5-mffw
- Warn: Project is vulnerable to: GHSA-c59h-r6p8-q9wc
- Warn: Project is vulnerable to: GHSA-g77x-44xx-532m
- Warn: Project is vulnerable to: GHSA-7gfc-8cq8-jh5f
- Warn: Project is vulnerable to: GHSA-qpjv-v59x-3qc4
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Score
3.2
/10
Last Scanned on 2025-06-09
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