Question

Views

Normal way adding imports:

import Sample from ‘../../../components/signup’

I need to imports without front dots and slashes:

import Component from ‘components/signup’

Can I add base url for imports to solve this problem? Is it the right way? Or if there a solution please leave the answer below.

about 4 years ago · Santiago Trujillo

Answer question

Answer 1 · 2022-06-30T23:59:44.147Z

If you use Webpack, you can add the below code snippet into your webpack.config.js

resolve: {
  alias: {
     components: path.resolve(__dirname, 'src/components/')
  }
}