javascript - Hur konfigurerar jag en relativ sökväg att använda när jag genererar byggeutdata i Vite?

I min app, när jag kör npm run dev kan jag testa fint på http://localhost:3000. Men för byggutdata, där jag kör den, är den en del av en annan applikations undermapp. Till exempel, länkarna blir som http://myapp.com/docs/reconstatus

Läs mer →

javascript - Vite: Finns det en möjlighet att utesluta kodkomponenter från att byggas?

Jag letar efter en "funktion" i Vite som tillåter mig att utesluta viss kod från att byggas. Så vitt jag minns fanns det i webpack en funktion där du kunde skapa vissa kommentarer som:

###SOMETHING <code goes here> ###END_SOMETHING

och den

Läs mer →

typescript - hur man använder cdn med vite (använder react + antd-mobile)?

webbläsaren rapporterar fel:

Ouppfångad TypeError: Misslyckades med att lösa modulespecifieraren "antd-mobile". Relativa referenser måste börja med antingen "/", "./" eller "../".

min konfiguration:

import reactRefresh from '@vitejs/plugin-react-refresh' import {defineConfig} from 'vite' import cdn from 'vite-plugin-cdn' // https://vitejs.dev/config/ export default defineConfig({ base: '', css: { preprocessorOptions: { less: { javascriptEnabled

Läs mer →

typescript - Kom åt nuvarande modulnamn i befintlig vue3/vite-applikation

I min vue3/vite/typescript-applikation använder jag import.meta.url och extraherar filnamnet för att få namnet på den aktuella modulen:

Fil 'myModule.ts':

export default { url: import.meta.url }

Fil 'test.ts':

import myModule from &qu

Läs mer →

reactjs - Hur sätter man ihop TypeScript, Vite, React och npm link?

Jag skrev ett enkelt embryoniskt TypeScript-paket (publicerat på ett privat register) och jag vill importera det i en TypeScript React-app skapad med Vite.

Allt fungerar bra tills jag försöker npm link de två paketen. När de är länkade kan jag fortfarande build appen genom npm run build (resultatet är faktiskt ännu inte testat), men den lokala utvecklingsmiljön som startas genom npm run dev fortsätter att misslyckas med följande fel.

Läs mer →

javascript - Att lägga till proxyn i vite tar mig till den proxy-URL:en på min localhost. Jag vill bara använda den för API-anrop till backend

Här är min vite.config.ts:

import { defineConfig } from 'vitest/config' import vue from '@vitejs/plugin-vue' import { quasar, transformAssetUrls } from '@quasar/vite-plugin' const path = require('path'); // https://vitejs.dev/config/ expor

Läs mer →

konfiguration - Hur man felsöker fjärr-Typescript Vitest enhetstest med nvim-dap?

Mitt vite typescript-enhetstest serveras av en fjärrserver på domännamnet remoteserver med följande kommando: node --inspect-brk=0.0.0.0 ./node_modules/vitest/vitest.mjs run --threads false src/backend/api.spec.ts

När jag ansluter nvim-dap med konfigurationen nedan misslyckas det med följande meddelande:

Brytpunkt ignorerad eftersom genererad kod inte hittades (problem med källkarta?).

Min nvim-dap-konfiguration:

Läs mer →

typescript - Hur man använder namespace i vite

//Test.ts namespace Test { export const a = 123; } //main.ts /// <reference path="./Test.ts" /> console.log(Test.a);

vite run build:

(function polyfill() { const relList = document.createElement("link").relList; if (relList && relList.supports && relList.supports("modulepreload")) { return; } for (const link of document.querySelectorAll('link[rel="modulepreload"]'))

Läs mer →

typescript - Webb-arbetarefil '404 hittades inte' efter Vite/Vue3-build

Jag försöker testa att använda webbarbetare i en Vite-app, och när jag kör npm run dev fungerar det som tänkt, men när jag använder npm run build och sedan använder http-server i dist-mappen får jag felet: "GET /workers/test.worker.ts" Fel (404): "Hittades inte"

Min Vite-app är den generiska startmallen med dessa enda tillägg:

@/stores/counter.ts

/* ... Ins

Läs mer →

javascript - Vite-byggaren fungerar lokalt, men kraschar i produktion

Min vite-konfiguration:

import react from '@vitejs/plugin-react'; import { defineConfig } from 'vite'; import svgr from 'vite-plugin-svgr'; import tsconfigPaths from 'vite-tsconfig-paths'; export default defineConfig({ plugins: [tsconfigPaths(), svgr(), react()], server: { port: 3000, }, preview: { port: 3000, }, resolve: { alias: { // This is needed for builds './runtimeConfig': './runtimeConfig.browser', }, }, build: { outDir: '

Läs mer →