React Uygulamanız için Absolute Path Kullanımı

React projenizde absolute path kullanmak için şu adımları takip edebilirsiniz.

Ana dizinde jsconfig.json dosyası oluşturun ve içine şunları yazın.

Not: Eğer typescript kullanıyorsanız dosya adınız tsconfig.json olmalıdır.

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": [
    "src"
  ],
  "exclude": [
    "node_modules",
    "build"
  ]
}

Bunu yaptıktan sonra çalışmaz ise yeniden başlatıp tekrar deneyin.

Artık base url'iniz src/ klasörü olduğu için şu şekilde kullanmak yerine;

import Header from '../../components/Header'
import HeroSection from '../../components/HeroSection';
import { numberFormat } from '../../../helpers/Mixins';

böyle kullanabilirsiniz.

import Header from 'components/Header'
import HeroSection from 'components/HeroSection';
import { numberFormat } from 'helpers/Mixins';