npm i vite-plugin-app-loading -D Usage // vite.config.tsimportAppLoadingfrom'vite-plugin-app-loading'exportdefaultdefineConfig({plugins:[AppLoading(),],}) Hide the loading animation at the right time: // src/main.tsimport{loadingFadeOut}from'virtual:app-loading'loadingFadeOut() ...
"types": [ "vite-plugin-app-loading/client" ] } } Custom animations Create a loading.html file at the root directory: .loader { font-weight: bold; font-family: sans-serif; font-size: 30px; animation: l1 1s linear infinite alternate; } .loader:before { content:"Loading..." } @ke...
"vite-plugin-app-loading": "workspace:*", "vue-tsc": "^2.0.29" "vue-tsc": "^2.1.6" } } 16 changes: 9 additions & 7 deletions 16 package.json Original file line numberDiff line numberDiff line change @@ -13,18 +13,20 @@ "dev:react": "pnpm build && pnpm -F react dev"...
A free, fast, and reliable CDN for vite-plugin-loading-script. Vite plugin for wrapping and loading the generated files/assets with a single script into the DOM instead of `index.html.`
Vite plugin to generate low quality image placeholders (LQIP) in any Vite app. Works in React/Preact/Svelte/Vue (Vite app), SvelteKit, Astro, or basically any Vite-powered setup. ✅ Inlines images for instant loading ✅ Reduce layout shift by having the placeholders rendered on first pain...
1. 安装vite-plugin-qiankun(qiankun官方不支持vite)需要安装插件 yarn add vite-plugin-qiankun 2. vite.config.js 添加相关配置 import qiankun from 'vite-plugin-qiankun'exportdefaultdefineConfig({ plugins: [ vue(),qiankun('vue3', { useDevMode: true})], ...
import federation from '@originjs/vite-plugin-federation'; //https://vitejs.dev/config/ export default defineConfig({ plugins: [ react(), federation({ name: 'host-app', remotes: { app1: 'http://localhost:4173/assets/remoteEntry.js' ...
import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [ laravel(['resources/ts/app.tsx']), ], resolve: { alias: { '@': '/resources/ts', }, }, });VueIf you would like to build your front-end using the Vue ...
import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [ laravel({ hotFile: 'storage/vite.hot', // Customize the "hot" file... buildDirectory: 'bundle', // Customize the build directory... input: ['resources/js/app.js'], // Specify the entry points... }...
importViteRestartfrom'vite-plugin-restart';// https://vitejs.dev/config/exportdefault({command})=>({base: command==='serve'?'':'/dist/',build: {manifest:true,outDir:'../cms/web/dist/',rollupOptions: {input: {app:'src/js/app.ts',}},},plugins: [ViteRestart({reload: ['../cms...