Laravel 前端资源配置教程_php实例_

 //一般不太更动，透过以下两个档案讲所需资源加载。 mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css'); 

 npm install jquery-ui --save-dev // --save-dev 为加入到package.json：devdependencies中

 // resources/assets/js/app.js try { window.$ = window.jQuery = require('jquery'); require('bootstrap-sass'); window.datepicker = require('jquery-ui'); // 或 import 'jquery-ui/ui/widgets/datepicker.js'; // add as many widget as you may need // 路径到node_modules/jquery-ui...去找 } catch (e) { }

 // resources/assets/sass/app.scss @import '~jquery-ui/themes/base/all.css'; /* 路径到node_modules/jquery-ui...去找 */ 

 // resources/assets/js/app.js $('.datepicker').datepicker(); // e.g  // 此例之datepicker仅示范，datepicker非所有页面共用，建议写在view(blade)里面，见下段push的方式。 // vue所有页面共用，可以在app.js初始/启用 

 npm run dev #resource档案夹下的资源需要编译才会生效

 @stack('styles') @stack('scripts') 

 @push('styles')  @endpush @push('scripts')  @endpush @section('content') 
 ... 
 @endsection