我正在尝试将 mdbootstrap vue 安装到 Laravel 5.6 项目中,但我真的不明白我该怎么做。
如果有人能给我一些教程,那就太好了;-)
试试这个(已更新)...
(假设你已经安装了laravel)
转到您的项目目录并执行以下操作:
npm install --save mdbvue
您还需要:
npm install --save-dev babel-preset-stage-2
接下来去resources/js/bootstrap.js
并根据require('bootstrap');
add 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
并在引导导入下添加 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.css
and app.js
文件只是做npm run dev
至此,一切都应该启动并运行,您可以自由使用MDBvue
组件或简单地使用MDB
jQuery 版本。
这对我的 Laravel 5.7 项目很有用。希望这可以帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)