编程卡片 002 - Laravel 中如何使用 AdminLte

安装 Adminlte

$ cnpm install admin-lte --save


编辑 /resources/js/bootstrap.js

window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
require('bootstrap');
require('admin-lte');

编辑 /resources/scss/app.scss

@import "~bootstrap/scss/bootstrap";
@import "~admin-lte/dist/css/adminlte.css";

$fa-font-path: "../webfonts";

@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
@import "~@fortawesome/fontawesome-free/scss/brands.scss";


编辑 /webpack.mix.js

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
     .sass('resources/scss/app.scss', 'public/css')

编译前端资源

$ npm run prod


在项目中使用

  <link rel="stylesheet" type="text/css" href="{{ mix('css/app.css') }}">
  <script src="{{ mix('js/app.js') }}"></script>
本作品采用《CC 协议》,转载必须注明作者和本文链接
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。