laravel 5.8 引入前端资源

 

 

记得重新编译 ：  npm run dev

 

1. 集成前端资源

　　前端是基于 Bootstrap 4 开发的，所以需要安装一个适配 Bootstrap 4 的 DataTables

npm install datatables.net-bs4 --save-dev

　　

　　在 resources/js/bootstrap.js 中引入它的 JS 库：

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
    require('datatables.net-bs4');

    ...

 

　　

　　resources/sass/app.scss 引入其 CSS 库：

@import "~datatables.net-bs4/css/dataTables.bootstrap4";

 

2. 集成 fontawesome

npm install @fortawesome/fontawesome-free --save-dev

 

　　resources/sass/app.scss 中引入即可：

// Font Awesome
@import '~@fortawesome/fontawesome-free/scss/brands';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import "~@fortawesome/fontawesome-free/scss/fontawesome";