javascript - Ako nastaviť relatívnu cestu, ktorú treba použiť pri generovaní výstupov buildu vo Vite?

V mojej aplikácii, keď spustím npm run dev, môžem testovať bez problémov na http://localhost:3000. Ale pre výslednú zostavu, ktorú spúšťam, je časťou podsložky inej aplikácie. Napríklad, odkazy skončia ako http://myapp.com/docs/reconsta

Čítaj viac →

javascript - Vite: Existuje možnosť vylúčiť kódové prvky z buildovania?

Hľadám vo Vite „funkciu“, ktorá mi umožní vylúčiť určité časti kódu z buildu. Pokiaľ si správne spomínam, vo webpacku bola funkcia, keď ste mohli vytvárať niektoré komentáre ako:

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

a tento kód m

Čítaj viac →

typescript - ako používať CDN s Vite (používajúc React + antd-mobile)?

prehliadač hlási chybu:

Nezachytená chyba TypeError: Nepodarilo sa vyriešiť špecifikátor modulu "antd-mobile". Relatívne odkazy musia začínať buď "/", "./" alebo "../".

moja konfigurácia:

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: true,

Čítaj viac →

typescript - Prístup k aktuálnemu názvu modulu v existujúcej aplikácii vue3/vite

Vo svojej aplikácii vue3/vite/typescript používam import.meta.url a získavam názov súboru, aby som získal názov aktuálneho modulu:

Súbor 'myModule.ts':

export default { url: import.meta.url }

Súbor 'test.ts':

import myModule from &quo

Čítaj viac →

reactjs - Ako spojiť TypeScript, Vite, React a npm link?

Napísal som jednoduchý embryonálny balík TypeScript (zverejnený v súkromnom registri) a chcem ho importovať do TypeScript React aplikácie vytvorenej pomocou Vite.

Všetko funguje dobre, až kým sa nepokúsim npm link tieto dva balíky. Po prepojení som stále schopný build aplikáciu cez npm run build (vlastne výsledok ešte nie je testovaný), ale lokálne vývojové prostredie spustené cez npm run dev stále zlyháva s nasledujúcou chybou.

Čítaj viac →

javascript - Pridanie proxy vo Vite ma presmeruje na túto proxy URL na mojej localhost. Chcem ju používať iba pre API volania na backend

Tu je môj 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/ export

Čítaj viac →

konfigurácia - Ako ladiť vzdialený TypeScript Vitest jednotkový test s nvim-dap?

Môj unit test vite typescript je poskytovaný vzdialeným serverom na doménovom mene remoteserver pomocou nasledujúceho príkazu: node --inspect-brk=0.0.0.0 ./node_modules/vitest/vitest.mjs run --threads false src/backend/api.spec.ts

Keď pripojím nvim-dap s nižšie uvedenou konfiguráciou, zlyhá s touto správou:

Bod prerušenia ignorovaný, pretože nebol nájdený generovaný kód (problém so zdrojovou mapou?).

Moja konfigurácia nvim-d

Čítaj viac →

typescript - Ako použiť namespace vo 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"]'))

Čítaj viac →

typescript - Súbor Web worker '404 not found' po buildovaní Vite/Vue3

Snažím sa testovať použitie webových pracovníkov vo Vite aplikácii, a keď spustím npm run dev, funguje to podľa očakávania, ale keď použijem npm run build a potom použijem http-server v priečinku dist, dostanem chybu: "GET /workers/test.worker.ts" Chyba (404): "Nenájdené"

Moja aplikácia Vite je základná štartovacia šablóna s týmito jedinými doplnkami:

@/stores/counter.ts

Čítaj viac →

javascript - Vite builder funguje lokálne, ale v produkcii sa pokazí

Moja konfigurácia Vite:

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: '

Čítaj viac →