Breaking News: Grepper is joining You.com. Read the official announcement!

How to resolve alias file paths with Vitejs | Never use relative paths again

WinMaw answered on January 6, 2024 Popularity 1/10 Helpfulness 1/10

answer How to resolve alias file paths with Vitejs | Never use relative paths again

How to resolve alias file paths with Vitejs | Never use relative paths again

Comment

jscofig.json
-----------
{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@assets/*": ["./assets/*"],
      "@components/*": ["./components/*"],
      "@pages/*": ["./pages/*"],
      "@routes/*": ["./routes/*"],
      "@helpers/*":["./helpers/*"]
    }
  }
}
===============================
vite.config.js
---------------

/* eslint-disable no-undef */
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from "path"
// import { ViteAliases } from 'vite-aliases'

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
      "@components": path.resolve(__dirname, "./src/components"),
      "@assets": path.resolve(__dirname, "./src/assets"),
      "@pages": path.resolve(__dirname, "./src/pages"),
      "@routes": path.resolve(__dirname, "./src/routes"),
      "@helpers": path.resolve(__dirname, "./src/helpers")

    },
  },
  plugins: [
    react()
  ],
})

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: alias file javascript resolve

Link to this answer
Share Copy Link

Contributed on Jan 06 2024

WinMaw

0 Answers Avg Quality 2/10

How to resolve alias file paths with Vitejs | Never use relative paths again

Contents

More Related Answers

How to resolve alias file paths with Vitejs | Never use relative paths again

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.