Aliases in webstorm?

[johhansantana]

Hello

I've created a new react app using create-react-app and added a craco.config.js with the following:

module.exports = {
  webpack: {
    alias: {
      'react-native$': 'react-native-web'
    }
  },
};

this seems to work but the IDE is giving me warnings and the auto imports are not coming from the alias automatically.

I've search a bit in google with the most popular answer being updating the webpack configuration but the default of create-react-app doesn't have this configuration, hence the craco config.

Does anyone knows how to fix this without having to eject create react app?

[johhansantana]

nevermind, the default webpack configuration in node_modules/react-scripts has all this without the need of adding craco . You just need to point webstorm to that webpack file inside the node_modules/react-scripts folder.