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:
- sublime plugin[auto-completion]:
Lisense
MIT