tl; dr : вам нужно либо запустить npm run dev
, npm run watch
или npm run prod
, чтобы скомпилировать ваши активы в "используемые" файлы js / css.
Вы никогда не должны ссылаться на ресурсы в папке resources
, они не будут доступны. С чем угодно в папке public
можно связать.
В вашей локальной среде / dev запустите npm run dev
, чтобы скомпилировать ваши ресурсы в папку public
(см. webpack.mix.js
в папке root вашего проекта чтобы точно знать, что происходит). Если вам случится внести много изменений, вы можете вместо этого запустить npm run watch
, чтобы вам не приходилось вводить npm run dev
после каждого изменения - ваши ресурсы будут автоматически скомпилированы при обнаружении изменений.
Использование vanilla webpack.mix.js
npm run dev
скомпилирует resources/assets/js/app.js
в папку public/js
и resources/assets/sass/app.scss
в папку public/css
, оставив вам public/js/app.js
и public/css/app.css
- это те файлы, на которые вы должны ссылаться в вашем .blade
file:
<link href="{{ asset('css/app.css') }}" rel="stylesheet" />
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
Подробнее о ссылке на документацию «Составление активов (микс)» вы можете прочитать:
https://laravel.com/docs/7.x/mix