@dvhb/craco-extend-scope

    1.0.1 • Public • Published

    Craco extend scope plugin

    By default create-react-app don't allow you to import modules outside of /src dir, it throws error like this: Relative imports outside of src/ are not supported. This plugin extends CRA config to add custom paths to ModuleScopePlugin.

    Supported Versions

    craco-extend-scope is tested with:

    • react-scripts: ^2.1.5
    • @craco/craco: ^3.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 craco-extend-scope:

    $ npm i @dvhb/craco-extend-scope
    
    # OR
    
    $ yarn add @dvhb/craco-extend-scope

    Usage

    Here is a complete craco.config.js configuration file that extends scope of create-react-app:

    const cracoExtendScope = require('./craco-extend-scope');
    
    module.exports = {
      plugins: [{ plugin: cracoExtendScope, options: { path: 'static' } }]
    };

    Now you can use absolute import in you code like this:

    import 'static/styles.css';

    Keywords

    none

    Install

    npm i @dvhb/craco-extend-scope

    DownloadsWeekly Downloads

    1,230

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    19.4 kB

    Total Files

    11

    Last publish

    Collaborators

    • sairus2k
    • r2d2dvhb
    • admindvhb
    • alexbee