javascript - Kako konfiguriram relativnu putanju za korištenje prilikom generiranja izlaza builda u Viteu?

U mojoj aplikaciji, kada pokrenem npm run dev, mogu normalno testirati na http://localhost:3000. Ali za izlaznu verziju builda, gdje je pokrenem, ona je dio podmapa druge aplikacije. Na primjer, linkovi završe ovako http://myapp.com/doc

Čitaj više →

javascript - Vite: Postoji li mogućnost isključivanja elemenata koda iz izgradnje?

Tražim "značajku" u Viteu koja će mi omogućiti da isključim neki kod iz izrade. Koliko se sjećam, u webpacku je postojala značajka kada ste mogli napraviti neke komentare poput:

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

i ovaj kod izm

Čitaj više →

typescript - kako koristiti cdn s vite (koristeći react + antd-mobile)?

preglednik prijavljuje pogrešku:

Nepohvaćeni TypeError: Nije uspjelo rješavanje specifikatora modula "antd-mobile". Relativne reference moraju početi s "/", "./" ili "../".

moja konfiguracija:

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

Čitaj više →

typescript - Pristup trenutnom imenu modula u postojećoj Vue3/Vite aplikaciji

U mojoj Vue3/Vite/TypeScript aplikaciji, koristim import.meta.url i izdvajam ime datoteke kako bih dobio ime trenutnog modula:

Datoteka 'myModule.ts':

export default { url: import.meta.url }

Datoteka 'test.ts':

import myModule from &q

Čitaj više →

reactjs - Kako spojiti TypeScript, Vite, React i npm link?

Napisao sam jednostavan, embrionalni TypeScript paket (objavljen na privatnom registru) i želim ga uvesti u TypeScript React aplikaciju kreiranu s Viteom.

Sve radi u redu dok ne pokušam npm link ta dva paketa. Nakon povezivanja, još uvijek mogu build aplikaciju putem npm run build (zapravo rezultat još nije testiran), ali lokalno razvojno okruženje pokrenuto putem npm run dev i dalje ne uspijeva s sljedećom greškom.

[vite] Intern

Čitaj više →

javascript - Dodavanje proxyja u vite vodi me na taj proxy URL na mom localhostu. Želim ga koristiti samo za API pozive prema backendu

Evo mog 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 d

Čitaj više →

konfiguracija - Kako debugirati udaljeni test jedinice typescript vitest s nvim-dap?

Moj vite typescript jedinični test se poslužuje putem udaljenog poslužitelja na domeni remoteserver koristeći sljedeću naredbu: node --inspect-brk=0.0.0.0 ./node_modules/vitest/vitest.mjs run --threads false src/backend/api.spec.ts

Kada spojim nvim-dap s donjom konfiguracijom, ne uspijeva s ovom porukom:

Prekid izvršavanja ignoriran jer generirani kod nije pronađen (problem sa source mapom?).

Moja nvim-dap konfiguracija:

Čitaj više →

typescript - Kako koristiti namespace u 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"]'))

Čitaj više →

typescript - Datoteka web radnika '404 not found' nakon Vite/Vue3 builda

Pokušavam testirati korištenje web radnika u Vite aplikaciji, i kada pokrenem npm run dev radi kako je namijenjeno, ali kada koristim npm run build i zatim koristim http-server u dist mapi, dobivam grešku: "GET /workers/test.worker.ts" Error (404): "Not found"

Moja Vite aplikacija je opći početni predložak s ovim jedinih dodacima:

@/stores/counter.ts

/* ...

Čitaj više →

javascript - Vite builder radi lokalno, ali se ruši u produkciji

Moja vite konfiguracija:

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:

Čitaj više →