react-app-rewire-aliases

    0.2.0 • Public • Published

    Rewire create-react-app to add Webpack aliases to your project!

    Add webpack aliases to your project without ejecting so you don't need to import realtively paths, so you can check Webapck Aliases this can be done easy with this package.

    Install

    $ yarn add react-app-rewired react-app-rewire-aliases -D
    $ npm install react-app-rewired react-app-rewire-aliases --save-dev

    Add it to your project

    const rewireAliases = require('react-app-rewire-aliases');
    const { paths } = require('react-app-rewired');
    const path = require('path');
     
    /* config-overrides.js */
    module.exports = function override(config, env) {
        config = rewireAliases.aliasesOptions({
            '@components': path.resolve(__dirname, `${paths.appSrc}/components/`)
        })(config, env);
      return config;
    }

    so in the example above I am prefixing my components folder with '@'.

    after adding this you will be able to import you components like that

    import ComponentA from '@components/ComponentA';

    instead of for example relatively write

    import ComponentA from '../../../components/ComponentA';

    Keywords

    none

    Install

    npm i react-app-rewire-aliases

    DownloadsWeekly Downloads

    3,641

    Version

    0.2.0

    License

    MIT

    Unpacked Size

    3.15 kB

    Total Files

    5

    Last publish

    Collaborators

    • aze3ma