Skip to content

A raw-loader plugin for craco / react-scripts / create-react-app

License

Notifications You must be signed in to change notification settings

BaristaLabs/craco-raw-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

A raw-loader plugin for craco / react-scripts / create-react-app

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published