all AI news
Remix com importação automática. Tenha um código mais limpo.
April 23, 2024, 1:11 p.m. | Marcos Viana
DEV Community dev.to
Se você está utilizando Vite , o plugin unimport vai te ajudar bastante a deixar seus componentes mais limpos.
Antes de tudo, instale o pacote:
pnpm add unimport
Depois defina este plugins e estas configurações em seu arquivo vite.config.ts
import { defineConfig } from "vite";
import Unimport from 'unimport/unplugin'
export default defineConfig({
plugins: [
Unimport.vite({
dts: true,
dirs: [
'./app/components/*',
'../../packages/ui/src/components/*'
],
presets: [
'react',
{
from: '@remix-run/react',
imports: [
'useLoaderData', 'useActionData', 'useLocation', 'useNavigation',
'useNavigate', 'useParams', 'useAsyncError', 'useAsyncValue',
'useBeforeUnload', 'useBlocker', …
config export import plugin plugins remix remixrun typescript vite
More from dev.to / DEV Community
Jobs in AI, ML, Big Data
AI Research Scientist
@ Vara | Berlin, Germany and Remote
Data Architect
@ University of Texas at Austin | Austin, TX
Data ETL Engineer
@ University of Texas at Austin | Austin, TX
Lead GNSS Data Scientist
@ Lurra Systems | Melbourne
Senior Data Engineer (m/f/d)
@ Project A Ventures | Berlin, Germany
Principle Research Scientist
@ Analog Devices | US, MA, Boston