Alias support

[subhendukundu]

Describe the problem:

Webpack alias support is not working as it's not implemented yet.
Is there a plan to add it?

import Utility from '../../utilities/utility';
// can be written as  with alias
import Utility from 'Utilities/utility';

There are two ways to achieve it. One adding jsconfig.js or jscong.ts which nextjs does.
https://nextjs.org/docs/advanced-features/module-path-aliases

Or using flareact.config.js using resolve: {alias: {} I have added for this one
subhendukundu@57d6e19

Please let me know if you would prefer both ways, I can create a PR.

[tj-kev]

This would be great thing to add.

[Kelin2025]

You can just modify your webpack config
For example, I have @ alias that maps to src folder

const path = require('path');

module.exports = {
  webpack: (config, { dev, isWorker, defaultLoaders, webpack }) => {
    config.resolve.alias = {...(config.resolve.alias || {})}
    config.resolve.alias['@'] = path.resolve(__dirname, 'src')

    return config;
  },
};

And, if you're using TypeScript, don't forget about tsconfig.json:

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}