Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

@baristalabs/craco-raw-loader

1.2.0 • Public • Published

Craco Raw-Loader Plugin

This is a craco plugin that adds raw-loader to create-react-app version >= 2.

Supported Versions

craco-raw-loader is tested with:

  • react-scripts: ^3.2.1
  • @craco/craco: ^5.5.0

Installation

First, follow the craco Installation Instructions to install the craco package, create a craco.config.js file, and modify the scripts in your package.json.

Then install @baristalabs/craco-raw-loader:

$ yarn add @baristalabs/craco-raw-loader
 
# OR 
 
$ npm i -S @baristalabs/craco-raw-loader

Usage

Here is a complete craco.config.js configuration file that adds raw-loader to create-react-app:

const CracoRawLoaderPlugin = require("@baristalabs/craco-raw-loader");
 
module.exports = {
  plugins: [{ plugin: CracoRawLoaderPlugin }]
};

using craco-raw-loader without any configuration will use .txt as the pattern that raw-loader will use.

Configuration

A single option named test sets the pattern that will be used

For example, to configure raw-loader to return files ending with .foo as a string:

const CracoRawLoaderPlugin = require("@baristalabs/craco-raw-loader");
 
module.exports = {
  plugins: [
    {
      plugin: CracoRawLoaderPlugin,
      options: {
        test: /\.foo$/,
      }
    }
  ]
};

Further Configuration

If you need to configure anything else for the webpack build, take a look at the Configuration Overview section in the craco README. You can use CracoRawLoaderPlugin while making other changes to babel and webpack, etc.

Contributing

Install dependencies:

$ yarn install
 
# OR 
 
$ npm install

Run tests:

$ yarn test

Before submitting a pull request, please check the following:

  • All tests are passing
    • Run yarn test
  • 100% test coverage
    • Coverage will be printed after running tests.
    • Open the coverage results in your browser: open coverage/lcov-report/index.html
  • All code is formatted with Prettier
    • Run prettier --write **/*.js
    • If you use VS Code, I recommend enabling the formatOnSave option.

License

MIT

Thanks to Form Applications, Inc. and cracao-less for the project standup.

Install

npm i @baristalabs/craco-raw-loader

DownloadsWeekly Downloads

9

Version

1.2.0

License

MIT

Unpacked Size

65.3 kB

Total Files

23

Last publish

Collaborators

  • avatar