如何在 Laravel 中同时加载 js 和 css 脚本?
使用@extend Blade 模板将再次加载脚本。
最佳答案
你应该只需要使用命令安装 npm:
npm install
然后确保你的 package.json 在依赖项中有 laravel mix。然后运行命令:
npm run dev
这将在您的根目录中运行 webpack.mix.js 文件,您可以从 resources/assets/目录中编译 js、scss、sass、css、vue 组件。
你的 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 application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/assets/js/app.js', 'public/assets/js');
mix.scripts([
'resources/assets/js/enum_gender_select.js',
'resources/assets/js/enum_title_select.js'
], 'public/assets/js/enum_select.js');
mix.sass('resources/assets/sass/app.scss', '../resources/assets/css/sass.css');
mix.styles([
'resources/assets/css/app.css',
'resources/assets/css/sass.css'
], 'public/assets/css/all.css');
然后您的资源将被公开\或您放置它们的任何地方。然后你可以像这样在你的 html View 中引用它们:
样式:
<link href="{{ asset('assets/css/all.css') }}" rel="stylesheet">
脚本:
<script src="{{ asset('assets/js/app.js') }}"></script>
<script src="{{asset('assets/js/enum_select.js')}}"></script>
关于javascript - 如何在 Laravel 中同时加载 js 和 css 脚本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44491016/