• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Laravel vite poprawne aktualizowanie strony i przenoszenie jej na serwer

Object Storage Arubacloud
0 głosów
66 wizyt
pytanie zadane 16 stycznia w PHP przez Grzegorz Mikina Dyskutant (8,060 p.)

Dzień dobry, tworze stronę z użyciem vite.config.js po wydaniu polecenia npm run dev i php artisan serve lokalnie na Localhost wszystko działa poprawnie, po wydaniu polecenia npm run build i przeniesieniu strony na serwer strona się rozsypuje.
Terminal po kompilacji plików:

> build     
> vite build

vite v4.5.1 building for production...
transforming (40) node_modules\axios\lib\helpers\AxiosURLSearchParams.js
../../../public/assets/img/8sectionContact/back.webp referenced in C:\xampp\htdocs\MgCode\MgCodeLanding\resources\scss\app.scss didn't resolve at build time, it will remain unchanged to be resolved at runtime
✓ 54 modules transformed.
public/build/manifest.json              0.26 kB │ gzip:  0.14 kB
public/build/assets/app-a7b22730.css   16.88 kB │ gzip:  2.81 kB
public/build/assets/app-6a0b7656.js   103.31 kB │ gzip: 38.76 kB
✓ built in 3.53s

Tworze przy użyciu scss, mój plik vite.config.js wygląda następująco:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/scss/app.scss', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

Czy powinienem w sekcji strony użyć jakiś innych odnośników, niż to czego używam lokalnie?

    {{-- Bootstrap --}}
    @vite(['resources/scss/app.scss','resources/js/app.js'])
    @livewireStyles

W katalogu public powstają te pliki:
Powstaje katalog build/assets/app-6a0b7656.js, app-a7b22730.css

komentarz 16 stycznia przez Grzegorz Mikina Dyskutant (8,060 p.)
przeniesione 16 stycznia przez Comandeer

Czy na produkcje muszę dodać inne ścieżki do plików?
 

    {{-- @vite(['resources/scss/app.scss','resources/js/app.js']) --}}
    <link rel="stylesheet" href="{{ asset('build/assets/app-a7b22730.css')}}">
    <script type="text/javascript" href="{{ asset('build/assets/app-6a0b7656.js')}}"></script>
    @livewireStyles

Te pliki się zmieniają, szkoda że nie jest to jeden i ten sam plik edytowany i nadpisywany.
Czy mam do tego złe podejście?

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
0 odpowiedzi 236 wizyt
pytanie zadane 30 czerwca 2021 w PHP przez mi-20 Stary wyjadacz (13,190 p.)
+1 głos
1 odpowiedź 109 wizyt
0 głosów
2 odpowiedzi 344 wizyt
pytanie zadane 22 listopada 2019 w PHP przez Grzegorz Mikina Dyskutant (8,060 p.)

92,666 zapytań

141,564 odpowiedzi

320,019 komentarzy

62,031 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...