Laravel 6.0 安装 adminLTE 3.0.1 所踩的坑 JavaScript 效果消失的问题

昨天在安装 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 的文件分开，然后在模板中调用时候，区别开前后顺序。

本作品采用《CC 协议》，转载必须注明作者和本文链接