javascript - Jak nakonfiguruji relativní cestu, kterou použiji při generování výstupů sestavení ve Vite?

V mé aplikaci, když spustím `npm run dev`, mohu vše testovat bez problémů na http://localhost:3000. Ale u výstupní verze build, když ji spustím, je součástí podsložky jiného projektu. Například odkazy končí takto: http://myapp.com/docs/

Přečtěte si více →

javascript - Vite: Existuje možnost vyloučit části kódu z kompilace?

Hledám ve Vite „funkci“, která mi umožní vyloučit část kódu z kompilace. Pokud si dobře pamatuji, ve webpacku byla funkce, kdy jste mohli vytvořit nějaké komentáře jako:

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

a tento kód mezi ###SO

Přečtěte si více →

typescript - jak používat CDN s Vite (používám React + antd-mobile)?

prohlížeč hlásí chybu:

Nezachycená chyba typu: Nepodařilo se vyřešit zadání modulu „antd-mobile“. Relativní odkazy musí začínat buď „/“, „./“ nebo „../“.

moje konfigurace:

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, } } },

Přečtěte si více →

typescript - Přístup k názvu aktuálního modulu v zabudované aplikaci vue3/vite

Ve své aplikaci vue3/vite/typescript používám import.meta.url a získávám název souboru, abych zjistil název aktuálního modulu:

Soubor 'myModule.ts':

export default { url: import.meta.url }

Soubor 'test.ts':

import myModule from "

Přečtěte si více →

reactjs - Jak dát dohromady TypeScript, Vite, React a npm link?

Napsal jsem jednoduchý embryonální balíček v TypeScriptu (publikovaný v soukromém registru) a chci ho importovat do aplikace TypeScript React vytvořené pomocí Vite.

Všechno funguje dobře, dokud se pokusím npm link propojit tyto dva balíčky. Po propojení jsem stále schopen buildovat aplikaci přes npm run build (ve skutečnosti výsledek ještě nebyl testován), ale lokální vývojové prostředí spuštěné přes npm run dev nadále selhává s následující ch

Přečtěte si více →

javascript - Přidání proxy ve Vite mě přesune na tuto proxy URL na mém localhostu. Chci ji používat pouze pro volání API na backend.

Zde 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/ expor

Přečtěte si více →

konfigurace - Jak ladit vzdálený unit test v TypeScriptu pomocí vitest s nvim-dap?

Můj unit test ve Vite TypeScript je poskytován vzdáleným serverem na doménovém jménu remoteserver pomocí následujícího příkazu: node --inspect-brk=0.0.0.0 ./node_modules/vitest/vitest.mjs run --threads false src/backend/api.spec.ts

Když připojím nvim-dap s níže uvedenou konfigurací, selže to s touto zprávou:

Bod přerušení ignorován, protože nebyl nalezen generovaný kód (problém se zdrojovou mapou?).

Moje konfigurace nvim-dap

Přečtěte si více →

typescript - Jak používat namespace ve 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"]'))

Přečtěte si více →

typescript - Soubor webového pracovníka '404 nebyl nalezen' po sestavení Vite/Vue3

Snažím se testovat použití webových pracovníků ve Vite aplikaci a když spustím npm run dev, funguje to podle očekávání, ale když použiji npm run build a pak spustím http-server ve složce dist, dostanu chybu: "GET /workers/test.worker.ts" Error (404): "Not found"

Má Vite aplikace je obvyklá startovací šablona s těmito jedinými doplňky:

@/stores/counter.ts

/*

Přečtěte si více →

javascript - Vite builder funguje lokálně, ale v produkci se porouchává

Moje konfigurace 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: 'b

Přečtěte si více →