Alias the path with the help of craco

React Alias the path in With the help of craco Realization .

craco.config.json

const path = require("path");
const resolve = dir => path.resolve(__dirname, dir);

module.exports = {
    
.....
  webpack: {
    
    alias: {
    
      "@": resolve("src"),
      "components": resolve("src/components")
    }
  }
}

Import

import Header from '@/components/Header';
import Header from 'components/Header';