is there a way to automatically migrate all relative paths to alias paths in the entire project tree with webpack?

I'm looking for a solution to replace all my relative imports "../../../" to alias paths I set in the webpack.config.js instead of manually replacing the strings.

I'm working in a React JS project that is large enough that I feel there must be a way to automatically resolve all relative paths to alias paths in all modules and files.

Appreciate your help if you have any experience with this scenario.

My webpack config is already setup with this:

  resolve: {
    alias: {
      js: path.resolve(__dirname, 'js'),
      css: path.resolve(__dirname, 'css')
    }
  },