npmpackage.info

craco-babel-loader

Rewire babel-loader loader in your create-react-app project using CRACO.

1.0.4

MIT

TypeScript

Installations

npm install craco-babel-loader

Pull Requests

Open

0

Total

4

Closed

0

Merged

4

Issues

Open

2

Total

8

Closed

6

Releases

v1.0.4

Published on 25 Nov 2022

v1.0.3

Published on 28 Nov 2021

v1.0.1

Published on 26 Nov 2021

View all 3 releases

Developer

rjerue

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

16.13.0

NPM Version

8.1.0 Statistics

25 Stars

22 Commits

4 Forks

1 Watching

2 Branches

3 Contributors

Updated on 16 Oct 2024

Languages

TypeScript (39.06%)

JavaScript (31.69%)

HTML (24.12%)

CSS (5.13%)

Total Downloads

Cumulative downloads

Total Downloads

4,406,904

Last day

-9%

3,565

Compared to previous day

Last week

-8.3%

17,917

Compared to previous week

Last month

5.4%

78,376

Compared to previous month

Last year

-30.3%

1,132,190

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

@craco/craco

Dev Dependencies

@craco/craco microbundle

Versions

This is a port of react-app-rewire-babel-loader to CRACO instead of react-app-rewired. react-app-rewired was not being updated for version 2 of CRA, and I wanted to use the rewired babel loader with a solution designed for CRA 2.

Rewire babel-loader loader in your create-react-app project using CRACO.

Say there is an awesome library you found on npm that you want to use within your un-ejected create-react-app project, but unfortunately, it's published in ES6+ (since node_modules doesn't go through babel-loader), so you cannot really use it. It's also effective for working with monorepos which was my original use case.

However, with CRACO and this library, craco-babel-loader, you can use that awesome library you've found.

See below for usage.

Install

1$ yarn add craco-babel-loader
2# npm v5+
3$ npm install craco-babel-loader
4# before npm v5
5$ npm install --save craco-babel-loader

Usage

1// crago.config.js
2// see: https://github.com/sharegate/craco
3
4const path = require("path");
5const fs = require("fs");
6
7const rewireBabelLoader = require("craco-babel-loader");
8
9// helpers
10
11const appDirectory = fs.realpathSync(process.cwd());
12const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
13
14module.exports = {
15  plugins: [
16        //This is a craco plugin: https://github.com/sharegate/craco/blob/master/packages/craco/README.md#configuration-overview
17        { plugin: rewireBabelLoader, 
18          options: { 
19            includes: [resolveApp("node_modules/isemail")], //put things you want to include in array here
20            excludes: [/(node_modules|bower_components)/] //things you want to exclude here
21            //you can omit include or exclude if you only want to use one option
22          }
23        }
24    ]
25}
26

Development

node.js and npm. See: https://github.com/creationix/nvm#installation
yarn. See: https://yarnpkg.com/en/docs/install
npm dependencies. Run: yarn install

Chores

Lint: yarn run lint
Prettier: yarn run pretty
Test: yarn run test
Pre-publish: yarn run prepublish
Build: yarn run build

License

MIT.

No vulnerabilities found.

10

Dangerous-Workflow

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

10

Binary-Artifacts

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

10

License

Determines if the project has defined a license.

0

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

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.5

/10

Last Scanned on 2024-11-18

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 craco-babel-loader

craco-babel-loader-plugin

1.0.3

CRACO plugin for babel-loader

craco-esbuild

0.6.1

Use [esbuild](https://github.com/evanw/esbuild) in your [create-react-app](https://create-react-app.dev/) with [craco](https://github.com/gsoft-inc/craco) for faster compilation, development and tests.

babel-loader

9.2.1

babel module loader for webpack

@craco/craco

7.1.0

Create React App Configuration Override, an easy and comprehensible configuration layer for create-react-app.