This is a craco plugin that adds raw-loader to create-react-app version >= 2.
craco-raw-loader
is tested with:
react-scripts
: ^3.2.1
@craco/craco
: ^5.5.0
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
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.
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$/,
}
}
]
};
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.
Install dependencies:
$ yarn install
# OR
$ npm install
Run tests:
$ yarn test
Before submitting a pull request, please check the following:
yarn test
open coverage/lcov-report/index.html
prettier --write **/*.js
formatOnSave
option.Thanks to Form Applications, Inc. and cracao-less for the project standup.