• 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
56 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 211 wizyt
pytanie zadane 30 czerwca 2021 w PHP przez mi-20 Stary wyjadacz (13,190 p.)
+1 głos
1 odpowiedź 106 wizyt
0 głosów
2 odpowiedzi 315 wizyt
pytanie zadane 22 listopada 2019 w PHP przez Grzegorz Mikina Dyskutant (8,060 p.)

92,543 zapytań

141,386 odpowiedzi

319,494 komentarzy

61,929 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

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

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!

...