Přeskočit na hlavní obsah

Práce s assety

Dokumentace se připravuje...

Latte funkce vite​

Dokumentace se připravuje...

Styly​

Dokumentace se připravuje...

Vanilla JS a TypeScript​

Dokumentace se připravuje...

Obrázky a soubory​

Dokumentace se připravuje...

Vue​

Pokud potřebujete využít Vue.js ve vašem projektu a doposud jste nenastavili @vitejs/plugin-vue, prosím postupujte podle následujících kroků.

1. Nainstalujte @vitejs/plugin-vue​

yarn add @vitejs/plugin-vue --dev

2. Upravte soubor vite.env.d.ts​

Aby TypeScript dokázal správně pracovat se soubory .vue, je potřeba odkomentovat 5 řádků v souboru assets/vite.env.d.ts.

assets/vite.env.d.ts
/// <reference types="vite/client" />

declare module '*.vue' {
    import type { DefineComponent } from 'vue'
    const component: DefineComponent<{}, {}, any>
    export default component
}

3. Přidejte plugin v souboru vite.config.ts​

vite.config.ts
import { defineConfig } from 'vite'
import laravel from 'laravel-vite-plugin'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
    resolve: {
        alias: {
            '@/assets': '/assets'
        }
    },
    plugins: [
        vue(),
        laravel({
            publicDirectory: 'www',
            buildDirectory: 'temp',
            hotFile: 'temp/vite.hot',
            input: ['assets/app.ts', 'assets/panel.ts'],
            refresh: ['assets/**', 'view/**']
        })
    ]
})

4. Projekt zkompilujte​

yarn build

React​

Dokumentace se připravuje...

Bootstrap​

Dokumentace se připravuje...

Tailwind​

Dokumentace se připravuje...