Laravel 6.0 安裝 adminLTE 3.0.1 所踩的坑

nanana發表於2019-12-03
Laravel

昨天在安裝 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 的檔案分開，然後在模板中呼叫時候，區別開前後順序。

相關文章