新建 Laravel 項目
我這邊使用的是目前最新的 5.8 版本
composer create-project --prefer-dist laravel/laravel <project-name>
安裝 Laravel 項目依賴
yarn install
安裝 AdminLTE 項目依賴
因為目前的 AdminLTE 依賴于 Bootstrap 3.x 而非最新的 4.x键科，因此在這里的演示需要安裝一個 bootstrap-sass 包：
yarn add admin-lte
yarn add bootstrap-sass
設置視圖（Views）
將 /node_modules/admin-lte/starter.html 拷貝到 Laravel 項目的 /resources/views/ 目錄下糟红，重命名為 starter.blade.php（當然你也可以改成其它名字），并綁定到路由視圖中赵刑，這樣就可以訪問到這個 demo 頁面了耙册。
配置 CSS 和 JavaScript 文件
這個時候去訪問視圖會發(fā)現(xiàn)找不到依賴到 css 和 js 文件，引入這些靜態(tài)文件有很多方法，這里使用 Laravel Mix 進行 Webpack 編譯打包皿桑。
新建用于構建的源文件，當然你愿意的話蔬啡，可以隨意命名與放置诲侮，下面構建的時候只要對應上路徑就可以了。
把原來頁面中引用的 css 和 js 文件全都拿過來：
/resources/sass/admin.scss
// 由于目前 AdminLTE 使用的是 Bootstrap 3.x星爪，因此引入這個包
@import '~bootstrap-sass/assets/stylesheets/bootstrap';
@import "~font-awesome/css/font-awesome.min.css";
@import "~Ionicons/dist/css/ionicons.min.css";
@import "~admin-lte/dist/css/AdminLTE.min.css";
// 主題可以換成 _all-skins.min.css 方便挑選自己喜歡的主題
@import "~admin-lte/dist/css/skins/skin-blue.min.css";
/resources/js/admin.js
// Laravel 默認生成的 Bootstrap 文件里包含了 jQuery浆西，所以為了偷懶我們可以直接引入這個文件
require('./bootstrap');
require('admin-lte');
在 Laravel Mix Webpack 構建配置 /Webpack.mix.js 中加入：
mix.js('resources/js/admin.js', 'public/js')
.sass('resources/sass/admin.scss', 'public/css')
.version();
// 為了本文演示的方便，我們再把默認的頭像文件復制過去
mix.copy('node_modules/admin-lte/dist/img/user2-160x160.jpg', 'public/dist/img/user2-160x160.jpg');
這樣以后就可以進行構建了：
yarn run dev
最后再修改一下我們的視圖文件顽腾，替換為我們打包好的靜態(tài)文件（其中 ... 表示省略代碼）：
<!DOCTYPE html>
<html>
<head>
.
.
.
<link rel="stylesheet" href="{{ mix('css/admin.css') }}">
</head>
<body class="hold-transition skin-blue sidebar-mini">
.
.
.
<script src="{{ mix('js/admin.js') }}"></script>
</body>
</html>
完工了
打開瀏覽器試試效果吧近零。
