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