Как динамически загружать ресурсы из папки ресурсов в общую папку и получать к ним доступ с помощью помощника asset ()
Я только что установил laravel 8.x, и когда я попытался перейти на страницу входа, появляются ошибки, касающиеся загрузки файлов, таких как CSS или js, но только тех, которые находятся в папке ресурсов, некоторые предлагали скопировать их из папки ресурсов в общую папку, но для меня это не имеет никакого смысла, поэтому я ищу способ, которым я могу загружать файлы в общую папку так же, как laravel делает для других файлов, таких как просмотр файлы
вот как я получаю доступ к файлам
<script src = "{{ asset('js/app.js') }}" defer></script>
мой webpack.mix.js
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel applications. By default, we are compiling the CSS
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/js/app.js', 'public/js').postCss('resources/css/app.css', 'public/css', [
require('postcss-import'),
require('tailwindcss'),
require('autoprefixer'),
]);
У меня нет проблем с этим, логин и все остальные страницы отображаются нормально, но не стилизованы
стиль принадлежит bootstrap css, а не js
это просто пример, братан внимательно прочитайте вопрос, я повторю еще раз, проблема в том, что ни стиль, ни js не загружаются
Вы запускали эту команду npm run watch, если вы это сделали, то view-source:chrome и проверьте, загружены ли файлы или нет, и можете ли вы опубликовать свой webpack.mix.js
да, я сделаю это через минуту, я обновляю свой webpack.mx.js, я понял, что это может быть проблема
Ответы 1
В вашем webpack.mix.js добавьте приведенный ниже код
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js').vue().postCss('resources/css/app.css', 'public/css', [
require('postcss-import'),
require('tailwindcss'),
require('autoprefixer'),
]);
Наконец, вы должны указать свою таблицу стилей в основном шаблоне макета вашего приложения. Многие приложения предпочитают хранить этот шаблон по адресу resources / views / layouts / app.blade.php. Кроме того, убедитесь, что вы добавили метатег адаптивного окна просмотра, если он еще не присутствует:
<head>
<meta charset = "UTF-8" />
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
<link href = "/css/app.css" rel = "stylesheet">
</head>
и js как belwo
Вы можете прочитать об этом здесь https://laravel.com/docs/8.x/mix#postcss
Можете ли вы опубликовать свой контроллер и маршрут web.php