Question

我正在尝试将mdbootstrap vue安装到Laravel 5.6项目中，但是我真的不明白我应该怎么做。

如果有人可以给我一些教程，那对您很好；-）

Answer 1

尝试一下（更新）...

（假设您已经安装了laravel）

转到您的项目目录并执行：

npm install --save mdbvue

您还需要：

npm install --save-dev babel-preset-stage-2

下一步转到resources/js/bootstrap.js，然后在require('bootstrap');下添加require('mdbvue');，它应该看起来像这样：

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

try {
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
    require('mdbvue'); //<---this is what you need to add
} catch (e) {}

下一步转到resources/sass/app.scss并在bootstrap导入下添加MDB css，您可能还需要导入字体真棒的css：

// Material Design Bootstrap
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import '~bootstrap/scss/bootstrap';
@import "~mdbvue/build/css/mdb.css";

现在要编译app.css和app.js文件，只需执行npm run dev

所有这些都应该已启动并运行，并且您可以自由使用MDBvue组件或仅使用MDB jQuery版本。

这对我来说适合Laravel 5.7项目。希望这会有所帮助。

如何使用laravel-mix将mdbootstrap vue加载到Laravel 5中？

1 个答案: