你能告诉我如何链接css和js文件在laravel根据我的文件结构我想链接app.css和app.js到museum.blade.php（内组合）我尝试过这样的事情：<link rel="stylesheet" href="{{ asset('resources/css/app.css')}}">，但它不工作这是我文件结构
<link rel="stylesheet" href="{{ asset('resources/css/app.css')}}">
的数据请帮帮我，非常感谢
juzqafwq1#
我尝试过这样的事情：，但没有奏效这是因为resources文件夹不会被“public”消耗，而被“public”消耗的文件夹是public文件夹，需要先从resource编译到public。Laravel在Laravel Mix上有很棒的文档要解决这个问题，您需要在项目目录中找到一个名为“webpack.mix.js”的文件。然后把这个混合代码加上去
mix.js('resources/js/app.js', 'public/js') .js('resources/js/museum.js', 'public/js') .sass('resources/sass/app.scss', 'public/css')
字符串然后可以在命令行中运行npm run dev来编译资源。它会将你的目标资源编译到webpack mix上公开。之后，在museum.blade.php的头部，您可以像这样调用它
npm run dev
<link rel="stylesheet" href="{{ mix('css/app.css') }}"> <script src="{{ mix('js/app.js') }}" defer></script>
型
slmsl1lt2#
如果你的项目安装了Vite，你可以把@vite(['resources/css/app.css','resources/js/app.js'])放在你的welcome.blade.php文件中。当使用Composer创建Laravel项目时，对于Laravel框架版本10+（不确定是否存在于以前的版本中），您还应该在主父目录中找到vite.config.js。使用Node.js，执行npm install，然后Vite应该会自动安装并可按上面指定的方式使用。
@vite(['resources/css/app.css','resources/js/app.js'])
welcome.blade.php
vite.config.js
npm install
2条答案
按热度按时间juzqafwq1#
我尝试过这样的事情：，但没有奏效
这是因为resources文件夹不会被“public”消耗，而被“public”消耗的文件夹是public文件夹，需要先从resource编译到public。Laravel在Laravel Mix上有很棒的文档
要解决这个问题，您需要在项目目录中找到一个名为“webpack.mix.js”的文件。
然后把这个混合代码加上去
字符串
然后可以在命令行中运行
npm run dev来编译资源。它会将你的目标资源编译到webpack mix上公开。
之后，在museum.blade.php的头部，您可以像这样调用它
型
slmsl1lt2#
如果你的项目安装了Vite，你可以把
@vite(['resources/css/app.css','resources/js/app.js'])放在你的welcome.blade.php文件中。当使用Composer创建Laravel项目时，对于Laravel框架版本10+（不确定是否存在于以前的版本中），您还应该在主父目录中找到
vite.config.js。使用Node.js，执行npm install，然后Vite应该会自动安装并可按上面指定的方式使用。