vite-plugin-local-scoped-modules

This is a vite plugin that intends to avoid typing relative paths.Use relative paths like local modules instead.

Install

 yarn add  --dev  vite-plugin-local-scoped-modules 

Usage

Below is a sample of config in vite.config.js on what it is going to be like:

 import { defineConfig } from 'vite'
 import reactRefresh from '@vitejs/plugin-react-refresh'
 
 import localScopedModules from 'vite-plugin-local-scoped-modules'
 export default defineConfig({
  
    plugins: [
   
        localScopedModules({
            "scopes": [
                {
                    "name": "@components",
                    "dir": "~/src/components"
                }
            ]
        }),
        reactRefresh(),
    ]
})
 

Now is a sample in usage, anywhere under the project you can:

import App from '@components/App.jsx'

Relatives:

• babel plugin:
  • babel-plugin-local-scoped-modules
• sublime plugin[auto-completion]:
  • LocalScopedModules

Lisense

MIT