4

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

如果有人可以给我一个小教程,你会很好;-)

4

1 回答 1

2

试试这个(更新)...

(假设你已经安装了 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,您可能还需要导入 font-awesome 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.cssapp.js文件就行了npm run dev

有了这个,一切都应该启动并运行,您可以自由使用MDBvue组件或简单地使用MDBjQuery 版本。

这在 Laravel 5.7 项目中对我有用。希望这可以帮助。

于 2018-11-02T14:26:46.203 回答