昨天在安装 AdminLte 3.0.1的时候出现了 JavaScript 效果消失的问题。
先记录一下安装方式
安装 AdminLte:npm install admin-lte@^3.0 --save
配置 webpack.mix.js
Laravel 根目录下找到 webpack.mix.js
mix.js('resources/js/admin.js', 'public/js')
.sass('resources/sass/admin.scss', 'public/css')
.version();
mix.js('resources/js/adminlte.js','public/js')
.version();
在对应的 resources/js 和 resources/sass 目录下创建相应的文件。
admin.js:
require('admin-lte/plugins/jquery/jquery.min.js');
require('./bootstrap');
adminlte.js:
require('admin-lte');
admin.scss:
@import "~admin-lte/dist/css/AdminLTE.min.css";
@import "~admin-lte/plugins/fontawesome-free/css/all.min.css";
一直不成功的原因就是因为 JavaScript 中 require 权重的问题导致的。
目前找到的解决方案,就是把引 JQuery 和 引 adminlte 的文件分开,然后在模板中调用时候,区别开前后顺序。
© 著作权归作者所有
举报
发表评论
0/200